目录
instanceof的作用
instanceof是判断一个实例是否是其父类或者祖先类型的实例的方法。原理就是instanceof会接受两个参数，在查找的过程中会先遍历左边变量的原型链，直到找到右边变量的prototype；如果查找失败，则会返回false。
手写instanceof
let myinstanceof = (target, origin) => {
while(target){
if(target._proto_ = origin.prototype){
return true
}
target = target._proto_
}
return false
}
let arr = [1, 2, 3];
console.log(myinstanceof(arr, array)) //true;
console.log(myinstanceof(arr, object)) //true;
什么是原型
除null以外的所有js对象在创建时,都会关联另一个对象，这个被关联的对象就是我们常说的原型，每一个对象都会从关联的对象中继承属性，例如：
//构造函数
function person(age){
this.age = age
}
person.prototype.name = '张三'
var person = new person()
console.log(person.name)//张三
当通过构造函数创建实例后，如果从实例上寻找某个属性值，如果属性值就存在于这个实例上，则会直接输出，否则就会从他的原型对象中去找。
- prototype: 每个构造函数都有一个prototype属性，这个属性指向函数的原型对象。
- __ proto__: 每个对象（除了null）都会有的属性，这个属性指向对象的原型。
- constructor: 每个原型都有一个constructor属性，指向关联的构造函数。
下面我们用一组输出来验证这些信息：
console.log(person===person.prototype.constructor) // true console.log(person.__proto__ == person.prototype) // true console.log(person.__proto__.constructor == person) // true console.log(person.constructor == person) // true
解释一下为什么person.constructor == person，前面我们说过，实例上的属性如果不存在，则会从他的原型对象上找。person.constructor == person其实就相当于person.__ proto__.constructor == person。
原型的应用场景
function person(name, age) {
this.name = name
this.age = age
this.sayhello = function () {
console.log("hello，" this.name);
}
}
当我们每次通过构造函数创建实例时，都会创建新的新的sayhello方法，如果创建的实例过多，就会造成性能浪费。此时如果将sayhello挂载到构造函数的prototype上，此时新创建的实例都可以访问到这个方法了。
function person(name, age) {
this.name = name;
this.age = age;
}
person.prototype.sayhello = function () {
console.log("hello，" this.name);
};
const person = new person();
person.name = "张三";
person.sayhello()//hello，张三;
什么是原型链
要解释这个问题，我们首先要理解好构造函数，原型和实例之间的关系：每个构造函数都有一个原型对象，原型对象都有一个指向其对应的构造函数的指针，而实例都包含一个指向原型对象的内部指针。
接下来，如果我们让原型对象同时等于一个其他的实例呢？
此时原型对象中包含一个指向其他原型的指针，另一个原型中也包含着一个指向另一个构造函数的指针。假如另一个原型又是另一个类型的实例，那么上述关系依然成立。如此层层递进，就构成了实例与原型的链条。就是我们常说的原型链。
简单来说，就是如果从实例上寻找某个属性值，如果属性值就存在于这个实例上，则会直接输出，否则就会从他的原型对象中去找。而原型对象中也没有的话，则会向原型对象的原型对象中去找。
以上就是通过手写instanceof理解原型链示例详解的详细内容，更多关于instanceof原型链理解的资料请关注其它相关文章！
