javascript - オブジェクト内の機能と 'this' プロパティへのアクセス - 失敗

Question

このサンプル コードを見てください。

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

2 行目のthis.somePropertyが定義されていないのはなぜですか?

Answer 1

console.log2 番目の引数出力でわかるように、 - は無名関数ではなく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()と、が指されます。thisfunctions

この方法でアクセスするには、次のようにします。

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

thisキーワードは、この記事でよく説明されています。