es6对象内函数的两种写法

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指向当前的执行环境（创建它时所处的上下文）(箭头函数可以捕获其所在上下文的this值)，这里当然是window对象，箭头函数并没有自己的this值，它的this继承自外围作用域。

function Person() {

    this.age = 0;

    setInterval(() => {

        // 回调里面的 `this` 变量就指向了期望的那个对象了

        this.age++;

    }, 3000);

}

var p = new Person();

备注：call，apply，bind对es6中的this，无效

var objProject = this;

var foo = (() => this);

console.log(foo());  // window

console.log(objProject);  // window

console.log(foo() === objProject ); // true

// 作为对象的一个方法调用

var obj = {foo: foo};

console.log(obj.foo() === objProject ); // true

// 尝试使用call来设定this

console.log(foo.call(obj) === objProject ); // true

// 尝试使用bind来设定this

foo = foo.bind(obj);

console.log(foo() === objProject ); // true

巴特西

es6对象内函数的两种写法

最新文章

热门文章