JavaScript原型和原型链
一、函数对象
- 所有引用类型（函数、数组、对象）都拥有__ proto __属性（隐式原型）
- 所有函数拥有prototype属性（显式原型）（仅限函数）
- 原型对象：拥有prototype属性的对象，在定义函数时就被创建
二、构造函数
//创建构造函数
function demo(name){
this.name= name;
}
demo.prototype = {
alert(){
alert(this.name);
}
}
//创建实例
var a = new demo("ming");
a.print = function(){
console.log(this.name);
console.log(this); //Person对象
}
a.print(); //ming
a.alert(); //ming
-
print()方法是a实例本身具有的方法，所以a.print()打印ming；alert()不属于a实例的方法，属于构造函数的方法，a.alert()也会打印ming，因为实例继承构造函数的方法。
-
实例a的隐式原型指向它构造函数的显式原型，指向的意思是恒等于
a.__proto__ === demo.prototype
- 当调用某种方法或查找某种属性时，首先会在自身调用和查找，如果自身并没有该属性或方法，则会去它的__ proto __属性中调用查找，也就是它构造函数的prototype中调用查找。
三、原型和原型链
Function.prototype.a = "a";
Object.prototype.b = "b";
function Person(){}
console.log(Person); //function Person()
let p = new Person();
console.log(p); //Person {} 对象
console.log(p.a); //undefined
console.log(p.b); //b
由于p是Person()的实例，是一个Person对象，它拥有一个属性值 __ proto __ ，并且__ proto __ 是一个对象，包含两个属性值constructor和 __ proto __
console.log(p.__proto__.constructor); //function Person(){}
console.log(p.__proto__.__proto__); //对象{}，拥有很多属性值
p.__ proto __ .constructor返回的结果为构造函数本身，p.__ proto . proto __有很多参数
console.log(p.__proto__.__proto__)
我们调用constructor属性，p. __ proto . proto __.constructor得到拥有多个参数的Object()函数，Person.prototype的隐式原型的constructor指向Object()，即Person.prototype. __ proto __.constructor == Object()
从p.__ proto __.constructor返回的结果为构造函数本身得到Person.prototype.constructor == Person()所以p. __ proto . proto __== Object.prototype
所以p.b打印结果为b，p没有b属性，会一直通过__ proto __向上查找，最后当查找到Object.prototype时找到，最后打印出b，向上查找过程中，得到的是Object.prototype，而不是Function.prototype，找不到a属性，所以结果为undefined，这就是原型链，通过 __ proto __向上进行查找，最终到null结束
console.log(p.__proto__.__proto__.__proto__); //null
console.log(Object.prototype.__proto__); //null
同理，得出以下结果
//Function
function Function(){}
console.log(Function); //Function()
console.log(Function.prototype.constructor); //Function()
console.log(Function.prototype.__proto__); //Object.prototype
console.log(Function.prototype.__proto__.__proto__); //NULL
console.log(Function.prototype.__proto__.constructor); //Object()
console.log(Function.prototype.__proto__ === Object.prototype); //true
四、总结：
- 凡是通过 new function() 创建的对象都是函数对象，其他的都是普通对象
- js 中所有的函数对象都有一个 prototype 属性，这个属性引用了一个对象，
即原型对象，也简称原型。普通对象没有 prototype，但有__ proto __属性 - js 在创建对象（不论是普通对象还是函数对象）的时候，都有一个叫做
__ proto __的内置属性，用于指向创建它的函数对象的原型对象 prototype（即它
的构造函数的原型对象）
总结
