JS高级语法04 原型链

1.函数的prototype属性
*每个函数都有一个prototype属性,它默认指向一个Object空对象(即称为原形对象)
*原形对象中有一个属性constructor,它指向函数对象
2.给原型对象添加属性(一般都是方法)
*作用:函数的所有实例对象自动拥有原型中的属性(方法)
//代码快捷键: Alt + shift + r (重命名)
3.显式原型 和 隐式原型 :
1.每个函数function都有一个prototype,即显式原型(属性)
2.每个实例对象都有一个__proto__,可称为隐式原型(属性)
3.对象隐式原型的值是其构造函数的显式原型的值
4.*函数的prototype属性:在定义函数时自动添加的,默认值是一个空Object对象。
*对象的__proto__属性:创建对象时 自动添加,默认值为构造函数的prototype属性值。
*程序员能直接操作显式原型,但不能直接操作隐式原型(ES6之前)

      function Fn(){
    
    
        //内部语句:this.prototype = {} 
      }
      var fn = new Fn();    //内部语句:this.__proto__ = Fn.prototype ;
      console.log(Fn.prototype === fn.__proto__); //ture

4.原型链
*访问一个对象的属性时,先在自身属性中查找,找到返回,如果没有,再沿着__proto__这条链向上查找,找到则返回该属性,如果最终没找到,返回undefined
*别名:隐式原型链 ; 作用:查找对象的属性(方法)
5.所有函数的__proto__都是一样的, 因为都是来自 new Function() 构造函数的prototype赋的值
6.函数的显式原型指向的对象默认是空的Object实例对象(当Object的显式原型指向的不是Object)
javascript console.log(Fn.prototype instanceof Object ); //ture console.log(Object.prototype instanceof Object); //false console.log(Function.prototype instanceof Object); //true
7.所有的函数都是Function的实例(包括它自己)
Function.proto === Function.prototype
8.Object的原形对象是原形链的尽头
console.log(Object.prototype.proto); //null
9. *读取对象的属性值时:会自动到原型链中查找
*设置对象的属性值时:不会查找原型链,如果当前对象中没有此属性,则直接添加此属性
*方法一般定义在原型中,属性一般通过构造函数定义在对象本身

猜你喜欢

转载自blog.csdn.net/Vodka688/article/details/113444127