javascript - es6对象方法简写?

问题描述

问 题

var person = {
    name: "Nicholas",
    sayName() {
        console.log(this.name);
    }
};

var person = {
    name: "Nicholas",
    sayName:()=> {
        console.log(this.name);
    }
};

这两种写法有什么区别？

解决方案

两者的差别主要是 this 的差别

第一个 person

var person = {
    name: "Nicholas",
    sayName: function() {
        console.log(this.name);
    }
};
person.sayName(); // Nicholas

这里的 person.sayName() 的 this 是指向对象内部的 this 即 person 本身。

---

第二个 person

var person = {
    name: "Nicholas",
    sayName: () => {
        console.log(this.name);
    }
};
person.sayName(); // undefined

这里的 person.sayName() 是箭头函数（），this 指向是当前 this 的调用环境，即是 window

---

Arrow functions

这篇关于javascript - es6对象方法简写?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！