JS 12 - 继承方法

大家好！

我们花了两天介绍原型链和原型继承的原理，今天就要介绍继承的方法了。
我们进入今天的主题吧！

Object.create

/* 使用说明 */
Object.create(obj); // {}
Object.create(obj, properties);

如果要让 JS 的原型继承 Ironman 的原型：

function JS(n, d, p) {
    this.name = n;
    this.date = d;
    this.post = p;
    this.subject = 'JavaScript';
}

/* 使 JS.prototype 继承 Ironman.prototype */
JS.prototype = Object.create(Ironman.prototype); // {}
JS.prototype.construtor = JS;

let record;

record = new JS('Felix', '2021-10-15', 30);
record.finish(); // Log: Congratulations!
record; // { name: 'Felix', date: '2021-10-15', post: 30, subject: 'JavaScript', status: true}

因为 JS 继承了 Ironman，因此使用 JS 建立的物件也能执行 finish，但是 finish 其实是位於 Ironman 的原型。

JS.prototype; // {}
Ironman.prototype.isPrototypeOf(JS.prototype); // true

这样就能知道，JS 的原型是空物件，但是内部属性 __proto__ 是指向 Ironman 的原型。

Object.setPrototypeOf

Object.setPrototypeOf(obj, prototype); // obj

function JS(n, d, p) {
    this.name = n;
    this.date = d;
    this.post = p;
    this.subject = 'JavaScript';
}

Object.setPrototypeOf(JS.prototype, Ironman.prototype);

这比 Object.create 更简单了！

extends

或者，也能使用类别函式的 extends 来继承：

class JS extends Ironman {
    constructor() {
        this.name = n;
        this.date = d;
        this.post = p;
        this.subject = 'JavaScript';
    }
}

差不多也到尾声了。
如果对文章有任何疑问，欢迎於下方提问和建议！
我是 Felix，我们明天再见！