js 的原型 (简单快速理解原型链)

/**
 * 1.原型对象  XXX.prototype
 * 2.构造函数的原型对象获取  XXX.__proto__;
 * 3.使用 函数的方法或属性时,先从自身函数查找,找不到就像上查找  XXX.__proto__,找不到再往上找,直到 XXX.__proto__.__proto____proto__ ...   === nul * l ,如果还找不到,就返回undefined
 * 4.本质上来说 普通函数也是 构造函数
 */

//首先写一个构造函数
function Fun(name){this.name =  name};

//new出来 一个对象(Object  {}) 注意,new出来的,只是一个对象,不是函数
let func = new Fun("尊龙");


//prototype是函数独有的,__proto__是对象独有的,但是JS万物皆对象,所以函数里面也有__proto__;
//func对象的__proto__ 等于 func的构造函数(Fun)的原型对象 所以
console.log(func.__proto__===Fun.prototype); //true
//func的构造函数(Fun)的原型对象  里面包含所有实例共享的属性和方法 比如 name='尊龙'
console.log(Fun.prototype);//{constructor: ƒ}

//构造函数(Fun)的__proto__  等于 自己的构造函数  (Function)的原型对象
console.log(Fun.__proto__);//ƒ () { [native code] }

//所以Function的原型对象    等于   构造函数(Fun)的构造函数(Function)的原型对象
console.log(Function.prototype === Fun.__proto__)//true

//Function的构造函数是自己,所以    Function的构造函数的原型对象   是   (Function)本身的原型对象
console.log(Function.__proto__)//ƒ () { [native code] }
console.log(Function.__proto__ === Function.prototype);//true

//由于万物皆对象,Function的原型对象也是对象,  既然是对象,那么对象的构造函数的原型对象自然就是Object的原型对象
console.log(Function.prototype.__proto__);//{constructor: ƒ, __defineGetter__: ƒ, __defineSetter__: ƒ, hasOwnProperty: ƒ, __lookupGetter__: ƒ, …}
//验证了上一条观点  Function的原型对象的构造函数的原型对象  就是对象的原型对象
console.log(Function.prototype.__proto__ === Object.prototype);//true

//因为对象也是可以 new出来的  比如  let obj = new Object();  所以本质上对象的构造函数是Function,所以对象的构造函数的原型对象,就是Function的原型对象
console.log(Object.__proto__)//ƒ () { [native code] }

//对象的原型对象的构造函数的原型对象已经没有了  所以是null   
console.log(Object.prototype.__proto__);//null

//顶层对象实例，同时也是原型链的祖宗
console.log(Object.prototype)  //{constructor: ƒ, __defineGetter__: ƒ, __defineSetter__: ƒ, hasOwnProperty: ƒ, __lookupGetter__: ƒ, …}