1. 程式人生 > >es6對象內函數的兩種寫法

es6對象內函數的兩種寫法

images style image class cti window對象 ima nbsp 方法

es6對象內函數一般有兩種寫法:

var person1 = {
    name: "p1",
    sayThis() {
        console.log(this);
    }
};

var person2 = {
    name: "p2",
    sayThis:()=> {
        console.log(this);
    }
};

person1.sayThis()
person2.sayThis()

輸出:

技術分享

person1的寫法,類似於:

var person1 = {
    name: "p1",
    sayThis: function
() { console.log(this); } };

this指向當前調用此方法的對象

person2的寫法,使用了箭頭函數,箭頭函數的this指向當前的執行環境,這裏當然是window對象,箭頭函數並沒有自己的this值,它的this繼承自外圍作用域。

es6對象內函數的兩種寫法