JS之原型以及原型链

原型（prototype）

JS中所有函数都会有prototype属性，只有函数才有

其所有的属性和方法都能被构造函数的实例对象共享访问

代码如下：

function Person(name){
	this.name = name
}
Person.prototype.sayHello(){
	console.log('sayHello')
}
let p1 = new Person();
let p2 = new Person();
console.log(p1.sayHello) //sayHello
console.log(p2.sayHello) //sayHello

构造函数（constructor）

JS中constructor存在每个函数的prototype属性中，其保存了指向该函数的引用

即上面代码

Person.prototype.constructor ==Person   //true

原型链（_ _ proto _ _）

JS中对象都会有个内置属性，即__proto__,(隐式原型链的属性)，一般情况下执行创建它的构造函数的prototype的属性，另外函数比较特殊，也会有该属性

即上面代码所示

p1.__proto__ == Person.prototype

JS 引擎查找摸个属性时，先查找对象本身是否存在该属性，如果不存在就会在原型链上一层一层进行查找

有几个面试经常会问的几个问题

1. 如何精确地判断短数组的类型

[] instanceof Array   //[].__proto__ == Array.prototype

Object.prototype.toString.call([])  //[Object Array]

Array.isArray([]) //true

[].constructor ==Array

2. 下面代码输出什么

Object instanceof Function //true
Function instanceof Object // true

3. 实现一个原型链继承

function Person(name){
	this.name = name
}
Person.prototype.sayHello(){
	console.log('sayHello')
}
function Boy（）{}；
Boy.prototype = new Person()；
let b1 = new Boy();
b1.sayHello() //sayHello