javascript原型链及继承的理解

javascript:void(null)# 原型链及继承的理解

定义函数

function A(name) {
    // 构造内容(构造函数)
    this.name = name;
    
    /*
    // 也支持定义方法。但为了性能，不建议在构造里定义方法
    this.fn = function(parmas){
        // your code
    }
    */
}

// 原型链
A.prototype.changeName = function(name) {
    this.name = name;
}

// 静态属性
A.staticPF = 'static12345';

继承

继承构造函数

function B(name) {
    // B 继承 A 的构造函数  也可用apply
    A.call(this, name);
}
// console.log(B)

var b = new B('ccc');
console.log(b.name); // => ccc

继承静态属性

// B 继承 A 的静态属性，查找流程如下
// B.staticPF = >B.__proto__.staticPF => A.staticPF;
B.__proto__ = A;
console.log(B.staticPF); // => static12345

继承原型链

var b = new B('ccc');
// B 继承 A 的原型链, 3种方式，推荐第3种
// B.prototype = A.prototype; // 需要前置在b对象实例化前
// b.__proto__ = A.prototype;
// B.prototype.__proto__ = A.prototype;
B.prototype.__proto__ = A.prototype;

b.changeName('ddd') // b实例最终继续了A的changeName方法
console.log(b.name); // => ddd