prototype+显式原型与隐式原型+原型链

一、210307原型prototype

1、函数的prototype属性

• 每个函数都有一个prototype属性，它默认指向一个Object空对象（即：原型对象）
• 原型对象中有一个属性constructor，它指向函数对象

//1)
console.log(Date.prototype, typeof Date.prototype) //Object  "object"
function Fun(){
    
}
console.log(Fun.prototype) //默认指向一个object空对象（没有我们的属性）

//2)
console.log(Date.prototype.constructor===Date)  //true
console.log(Fun.prototype.construtor===Fun)  //true

2、给原型对象添加属性（一般是方法）

• 作用：函数的所有实例对象自动拥有原型中的属性

Fun.prototype.test = function(){
    console.log("test()")
}

二、210307显式原型属性与隐式原型属性

1. 每个函数都有一个prototype，显式原型属性
2. 每个实例对象都有一个__proto__，隐式原型属性
3. 对象的隐式原型的值是其对应构造函数显式原型的值
4. 总结：
   • 函数的prototype属性：在定义函数时自动添加的，默认值是一个空object对象
   • 对象的__proto__属性：创建对象时自动添加的，默认值为构造函数的prototype属性值
   • es6之前，程序员能直接操作显式属性，但不能直接操作隐式原型属性

//1）定义构造函数
function Fn(){
    //内部语句：this.prototype={}没有我们指定的属性与方法
}
console.log(Fn.prototype)
//2）创建实例对象
var fn = new Fn()
//内部语句this.__proto__=Fn.prototype
console.log(fn.__proto__)
//3）
console.log(Fn.prototype === fn.__proto__) //true 构造函数的显示原型=实例对象的隐式原型
//给原型添加方法
Fn.prototype.test = function(){
    console.log("test()")
}
//通过实例调用原型的方法
fn.test() //test()

三、210308原型链

1. 访问一个对象的属性时，先在自身属性中查找，找到返回，如果没有，再沿着__proto__这条链向上查找，找到返回，如果最终没找到，返回undefined

   （访问一个对象的属性时，先在自身属性中查找，找到返回，如果没有，去原型对象中寻找，没有去原型的原型中查找，直到找到object对象的原型，object对象的原型没有原型，返回undefined李立超）

2. 别名：隐式原型链

3. 作用：查找对象的属性（方法） 查找变量看作用域链

console.log(Object) //ƒ Object() { [native code] }
console.log(Object.prototype)  //
console.log(Object.prototype.__proto__)  //null
function Fn(){
    //this.prototype = {}
    this.test1 = function(){
        conolse.log("test1()")
    }
}
console.log(Fn.prototype.__proto__ === Object.prototype)  //true
console.log(Fn.prototype)  //__proto__:Object object的实例对象
Fn.prototype.test2 = function(){
    console.log("test2()")
}
var fn = new Fn()  //实例对象的隐式原型属性=构造函数的显式原型属性
console.log(Object.prototype == fn.__proto__.__proto__)  //true
console.log(Fn.prototype === fn.__proto__);  //true
fn.test1()  //test1()
fn.test2()  //test2()  //先在自身找，根据隐式原型属性找原型对象，没有依旧根据隐式原型属性找原型对象。
console.log(fn.toString())  //[Object Object]
//fn.test3()  //not a function
//fn.test()  //undefined
/*补充：
1、 函数的显式原型指向对象，默认是空Object实例对象（但是Object不满足）
*/
console.log(Fn.prototype instanceof Object) //true
console.log(Object.prototype instanceof Object)//false
console.log(Function.prototype instanceof Object)//true
/*
2、所有函数都是Function的实例（包含Function）
*/
console.log(Function.__proto__ === Function.prototype)  //true
/*
3、Object的原型对象是原型链尽头
*/
console.log(Object.prototype.__proto__)  //null

四、210308构造函数/原型/实例对象的关系

实例对象的隐式原型属性=构造函数的显式原型属性

五、210309补充

1. 函数的显式原型属性指向对象Object，默认是空Object实例对象（除Object本身）

   console.log(Fn.prototype instanceof Object)//true
   console.log(Function.prototype instanceof Object)//true
   console.log(Object.prototype instanceof Object)//false
   

2. 所有函数都是Function的实例（包括Function本身）

   所有函数都有一个隐式原型属性指向Function的显式原型属性

   console.log(Function.__proto__ === Function.prototype)//true
   

3. Object的原型对象是原型链的尽头

   console.log(Object.prototype.__proto__)//null