对象中的函数和对“this”属性的访问 - 失败

Question

请看这个示例代码：

var functions = {
 testFunction: function(){
  console.log('testFunction()', this, this.someProperty);
 }      
};
functions.testFunction.someProperty = 'someValue';
functions.testFunction();

为什么第二行中的 this.someProperty 未定义？

Answer 1

因为您可以通过第二个参数console.log看到输出 - this引用functions对象，而不是testFunction匿名函数。

这项任务可以满足您的需求：

functions.someProperty = 'someValue';

Answer 2

var functions = {
 testFunction: function(){
  console.log('testFunction()', functions, functions.someProperty);
 }      
};
functions.someProperty = 'someValue'; // <------ you should set value to functions's property
functions.testFunction();

Answer 3

试试这样： -

var functions = {
 testFunction: function(){
  console.log('testFunction()', functions, functions.someProperty);
 }      
};
functions.someProperty = 'someValue';
functions.testFunction();

Answer 4

obj.method()是obj.method.call(obj)的语法糖。

因此当您执行functions.testFunction()此函数内的this引用时，调用指向functions。

要以这种方式访问​​它：

var functions = {
 testFunction: function(){
  console.log(this.testFunction.someProperty); //"someValue"
 }
};
functions.testFunction.someProperty = 'someValue';
functions.testFunction();

此article中详细解释了this关键字。