对于js原型和原型链理解

1.原型
  每创建一个函数，都有一个prototype属性，该属性指向原型对象。
  每个new出来的实例，都有一个__proto__属性，该属性指向构造函数的原型对象。

//es6实现
class Person {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }
    getName() {
        console.log('我叫'+this.name+'我年龄'+this.age)
    }
}
//es5实现
function Person1(name,age){
    this.name=name;
    this.age=age;
}
Person1.prototype.getName=function(){
    console.log('我叫'+this.name+'我年龄'+this.age)
}

const p1= new Person1('zhangsan','11');
const p2 = new Person('wangwu','99');
console.log(p1);
console.log(p2);

可以发现：构造函数的prototype和实例对象的_proto_都指向原型，原型的constructor指向构造函数。

2.原型链

当访问对象属性时，如果在当前对象找不到，就会去对象的原型上面去找，如果还找不到就去对象原型的原型，层层向上搜索，直到找到一个名字匹配的属性或到达原型链的末尾。

每个对象都有一个__proto__，指向原型对象prototype，原型对象也有个__proto__，层层往上，直到根为null。

class Person {
    constructor(name, age) {
        this.name = name;
        this.age = age;
    }
    drink() {
        console.log('喝水');
    }
}
class Teacher extends Person {
    constructor(name, age, subject) {
        super(name, age);
        this.subject = subject;
    }
    teach() {
        console.log('我是'+this.name+'年龄'+this.age+'教'+this.subject);
    }
}

const p1 = new Person('zhangsan','11');
const p2 = new Teacher('wangwu','19','数学');

 

3.hasOwnProperty()方法可以判断属性是自身属性还是通过原型继承的属性。

this定义的属于自身属性，prototype属于继承属性

4.instanceof  检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。

teacher instanceof Teacher (true)

teacher instanceof Person (true)

teacher instanceof Object (true)

实现instanceof

function instance(left,right){
    if (typeof left !== 'object' || left === null) return false
      left=left.__proto__
      right=right.prototype
      while(true){
           if(left==null)
                return false
           if(left===right)
                return true
           left=left.__proto__
      }
}

function instance(left, right) {
    if (typeof left !== 'object' || left === null) return false
    // getProtypeOf是Object对象自带的一个方法，能够拿到参数的原型对象
    let proto = Object.getPrototypeOf(left)
    while (true) {
        if (proto == null) 
            return false
        if (proto == right.prototype) 
            return true
        proto = Object.getPrototypeOf(proto)
    }
}