JavaScriptで 'this'キーワードを使用しています

Question

なぜ以下のコードがundefinedを返すのか混乱しています。 console.log(this)の場合は、グローバルウィンドウオブジェクトではなくmyObjオブジェクトが取得されます。したがって、 'this'はxとyの値にアクセスするための正しいオブジェクトを明示していますが、未定義の値を返します。コードは次のとおりです。

var myObj = { 
    takeTwoNums: function (x, y) { 
     console.log(this.x); 
    } 
} 
myObj.takeTwoNums(1, 2); 

Answer 1

をお電話でtakeTwoNumsに、thisはmyObjが参照する同じオブジェクトを参照します。そのオブジェクトにはxというプロパティはありません。それはtakeTwoNums財産、そしてそれはtoStringなどのようなObject.prototypeから継承するプロパティのカップルが、ないx.

xがメソッドに引数ではありませんがあります。あなたはちょうどxとそれを参照してください。メソッドを呼び出すと、引数としてプロパティを持つオブジェクトが参照されません。this

あなたはこのようなものでこれを混乱することができる。我々はnewを使用するので、それは新しいオブジェクトを作成し、その新しいオブジェクトを参照thisでThingyと呼ばれ、

function Thingy(x) { 
    this.x = x; 
} 

// Then 
var t = new Thingy(42); 

その場合には、我々 を作成したは、引数xの値で初期化したxという名前のプロパティを作成しました。しかしそれは単に関数を呼び出すこと以外のものです。

Answer 2

thisを使用する必要はありません。代わりに、これを試してみてください。

var myObj = { 
    takeTwoNums: function (x, y) { 
     console.log(x); 
    } 
} 
myObj.takeTwoNums(1, 2); 

Answer 3

thisはオブジェクトを参照しているため、this.xを使用して、のmyObjを要求しています。つまり、存在しないmyObj.xを探しています。

ここではオブジェクトでthisのための小さなリファレンスガイドです：

var myObj = { 
    myVal: 3, 
    takeTwoNums: function (x, y) { 
     console.log(x); 
    }, 
    takeThisNum: function (x, y) { 
     console.log(this.x); 
    }, 
    getVal: function() { 
     console.log(myVal); 
    }, 
    realGetVal: function() { 
     console.log(this.myVal); 
    } 
} 
myObj.takeTwoNums(1, 2); // Logs 1 
myObj.takeThisNum(1, 2); // Logs undefined 
myObj.getVal(); // Logs undefined 
myObj.realGetVal(); // Logs 3