ES6正式的方法定义

---

ES6学习系列

---

在ECMAScript 6以前从未正式定义"方法"的概念，方法仅仅是一个具有功能而非数据的对象属性。而在ECMAScript中正式将方法定义为一个函数，它会在一个内部的[[HomeObject]]属性来容纳这个方法从属的对象。请思考以下这段代码

let person = {
    // 是方法
    getGreeting(){
        return "Hello";
    }
};

// 不是方法
function shareGreeting(){
    return "Hi!";
}

这个示例中定义了person对象，它有一个getGreeting()方法，由于直接把函数赋值给了person对象，因而getGreeting方法的[[HomeObject]]属性值为person。而创建shareGreeting()函数时，由于未将其赋值给一个对象，因而该方法没有明确定义[[HomeObject]]属性。在大多数情况下这点小差别无关紧要，但是当使用Super引用时就变得非常重要了。

Super的所有引用都通过[[HomeObject]]属性来确定后续的运行过程。
第一步是在[[HomeObject]]属性上调用Object.getPrototypeOf()方法来检索原型的引用；
然后搜寻找到同名函数；
最后，设置this绑定并且调用相关的方法。
请看下面的这个示例

let person = {
    // 是方法
    getGreeting(){
        return "Hello";
    }
};

// 以person对象为原型
let friend = {
    getGreeting(){
        return super.getGreeting() + ",hi!";
    }
}
Object.setPrototypeOf(friend,person);

//Hello,hi!
console.log(friend.getGreeting());

调用friend.getGreeting()方法会将person.getGreeting()的返回值与",hi!"拼成新的字符串并返回。friend.getGreeting()方法的[[HomeObject]]属性时friend，friend的原型是person.所以，super.getGreeting()等价于person.getGreeting.call(this)。