原型和原型链

  Q1: 什么是原型?

  在js中万物皆可对象,其中对象有两类,即普通对象和函数对象,Object和Function是js自带的函数对象,每个对象都有原型(null和undefined除外),可以理解为每个对象都有属性和方法。

  Object:Object是一个函数对象,Object的原型就是一个Object对象,它里面存在着一些对象的方法和属性,例如最常见的toString方法。

 

  新建对象:用new Object或者{}建的对象是普通对象,它没有prototype属性,只有__proto__属性,它指向Object.prototype。

 

 

 

  Array:Array也是一个函数对象,它的原型就是Array.prototype,它里面存在着一些数组的方法和属性,例如常见的push,pop等方法。

 

 

 

  Function:Function也是一个函数对象,但它有点特殊,它的原型就是一个function空函数。

 

  自定义函数:它的原型就是你给它指定的那个东西。如果你不指定,那它的原型就是一个Object.prototype。

 

  Q2:什么是原型链?

 

   在JavaScript 中,每个对象都有一个指向它的原型(prototype)对象的内部链接。这个原型对象又有自己的原型,直到某个对象的原型为 null 为止(也就是不再有原型指向),组成这条链的最后一环。这种一级一级的链结构就称为原型链(prototype chain)

  JavaScript 对象是动态的属性“包”(指其自己的属性)。JavaScript 对象有一个指向一个原型对象的链。当试图访问一个对象的属性时,它不仅仅在该对象上搜寻,还会搜寻该对象的原型,以及该对象的原型的原型,依此层层向上搜索,直到找到一个名字匹配的属性或到达原型链的末尾。

 

  1.当用new Object或者直接定义一个对象时,它的原型链就是

    o => Object.prototype => null

 

 

   定义了一个对象o,如果访问对象o中没有定义的方法,JS会顺着原型链寻找他对应的原型是否有这个方法,如果有则直接返回,没有就报错;访问对象没有的属性同理,没有就返回undefined,有就返回对应值。

  

  2.当用构造函数创建对象时,它的原型链是

    parent => Parent.proyotype => Object.prototype => null

 

 

   3.数组也是对象,不过他是由Array构造函数new来的,所以他的原型链是

    arr => Array.prototype => Object.prototype => null

 

 

 

  4.fun是一个函数对象,他是由Function构造函数new来的,它的原型链是

    fun => Function.prototype => Object,prototype => null

 

 

 

  

  Q3: prototype和_proto_?

  在Javascript中,每个函数对象都有一个原型属性prototype指向自身的原型,而由这个函数创建的对象也有一个__proto__属性指向这个原型,而函数的原型是一个对象(函数点prototype也是一个普通对象,Function.prototype除外,它是函数对象,但它很特殊,他没有prototype属性),所以这个对象也会有一个__proto__指向自己的原型,这样逐层深入直到Object对象的原型,这样就形成了原型链。普通对象没有prototype,但有__proto__属性。

  JS在创建对象(不论是普通对象还是函数对象)的时候,都有一个叫做__proto__的内置属性,用于指向创建它的函数对象的原型对象prototype。

 

 

   普通对象的_proto_

 

 

   构造对象的_proto_

 

 

 

 

 

 

   

  数组的_proto_

 

 

  函数的_proto_

 

 

posted @ 2022-03-28 18:49  "one_Zero"  阅读(111)  评论(0)    收藏  举报