[JavaScript知识库]【js】手写代码系列

目录

1. hasPrototypeProperty

2.继承之 组合继承

3. 继承 之 原型式继承

4.寄生组合继承：

1. hasPrototypeProperty

判断某属性是否是某对象 原型上的属性

知识点：

hasOwnProperty() 可以判断属性是否是实例属性。

in 可以判断是否可以通过该对象访问指定属性，无论是在实例上还是在原型链上。

function hasPrototypeProperty(object,name){

    return !object.hasOwnProperty(name) && (name in object);

}

2.继承 之 组合继承

组合继承要点：
构造函数中通过Parent.call(this)来继承父类的属性，然后改变子类的prototype（原型）为父类的一个实例，用来继承父类的方法。

优点：构造函数可以传参，不会与父类引用属性共享，可以复用父类函数
缺点：在继承父类函数的时候调用了父类构造函数，会在子类原型上多一些不需要的父类属性，而且子类原型上没有构造函数constructor去指向Child了。
?
?

function Parent(name){
    this.name = name;
}

Parent.prototype.sayName = function (){
    console.log(this.name)
}

function Child(name){
    Parent.call(this,name);
}

Child.prototype =  new Parent();

const child = new Child('zz');
child.sayName(); // 'zz'
child instanceof Parent; // true

3.继承 之 原型式继承

要点：可以使用Object.create(obj) 将obj作为新对象原型对象。

缺点：创建多个对象后，这些对象上的引用值属性是共用的，（原始值属性是自己的）。相当于浅拷贝？

适合于 不需要单独创建构造函数，但是需要在对象间共享信息的场合。

let person = {
    name:'zz',
    friends:['aa','bb','cc']
}

let p1 = Object.create(person);
let p2 = Object.create(person);

p1.name = 'p1';
p2.name = 'p2';

p1.friends.push('dd');
p2.friends.push('ee');

console.log(p1.friends);    //['aa', 'bb', 'cc', 'dd', 'ee']
console.log(p1.name); // p1

console.log(p2.friends); // ?['aa', 'bb', 'cc', 'dd', 'ee']
console.log(p2.name);  // p2

4.继承 之 寄生组合继承：

要点：构造函数中和组合继承一样，调用父类构造函数.call()来继承父类属性。

在原型赋值时，赋的值是父类原型的副本，并且将构造器赋值为Child。

优点：只调用了一次父类的构造函数，并且子类原型上也没有不必要的属性，而且构造器指向正确。

寄生组合式继承 可以算是引用类型继承的最佳模式。

function Parent(name){
    this.name =name;
}
Parent.prototype.sayName = function(){
    console.log(this.name);
}

function Child(name){
    Parent.call(this,name);
}

Child.prototype = Object.create(Parent.prototype);
Child.prototype.constructor = Child;

const child = new Child('zz');