文字对象内的嵌套函数

Question

如果在文字对象中我尝试在嵌套属性/函数中使用“this”引用函数，则这不起作用。为什么？嵌套属性有自己的作用域吗？

例如，我想从 d.f2 内部调用 f1：

var object = {    

  a: "Var a",
  b: "Var b",
  c: "Var c",

  f1: function() {
    alert("This is f1");
  },

  d: {
      f2: function() {
       this.f1();
    }
  },

  e: {
      f3: function() {
        alert("This is f3");
     }
  }
}

object.f1(); // 工作
对象.d.f2(); // 不工作。 对象.e.f3(); // 工作

谢谢，安德里亚。

Answer 1

this 指的是 f2 中的 d，而不是 object。您可以存储对对象的引用，或者直接调用object，或者使用call/apply来调用函数并明确告诉它什么this 表示在该函数内部：

object.d.f2.call(object); // now this refers to object inside f2

Answer 2

这是一种基于 f2() 内 this 的上下文/192886">@slaver113 的想法：

var object = (function() {
  var _this = {
    f1: function() {
      alert('This is f1');
    },
    d: {
      f2: function() {
        _this.f1();
      }
    }
  }

  return _this;
})();

object.d.f2(); // Alerts 'This is f1'