您的位置:首页 > 其它

原型(2)------------自我理解

2018-01-16 17:44 337 查看
接上一篇原型(1)------------自我理解

以下是我自己对自定义函数,内置构造函数Object()、Function(),原型prototype与__proto__它们的联系的理解:

Js里有许多内置的构造函数,例如:Object(),Function(),Date(),Array()等

1. 每个对象都有一个__proto__属性,该属性指向创建这个对象的函数的prototype。 (这里就没管IE,直接用__proto__属性,这样好理解一点)

2. 每个函数都有一个prototype属性,该属性是一个对象,对象有__proto__属性。对象都是被Object()函数创建,所以函数的__proto__属性值指向Object.prototype。 即 函数.prototype.__proto__===Object.prototype

3. 函数也是对象,也有__proto__属性值,该值指向创建它函数的prototype值,它是被Function()创建。所以函数的prototype属性指向Function的prototype

4. 所有函数都是被Function()内置构造函数所创建

5. 所有对象都是被Object()内置构造函数所创建

6. 通过Object.create(null)创建的对象是没有原型链的

7. Object()也是函数,函数也是对象有__proto__,函数是被Function()函数所创建。因此Object.__proto__===Function.prototype

8. Object是函数,也有prototype属性,该属性是个对象,也有__proto__属性,但是Object.prototype.__proto__===null

9. Function()是函数,函数也属于对象,它是被它自身所创建,所以Function.__proto__===Function.prototype

10. Function()是函数,也有prototype属性,该属性是个对象,也有__proto__属性,对象都是被Object()函数创建,所以它的__proto__属性指向Object.prototype。所以Function.prototype.__proto__===Object.prototype

还是写个例子:

  function Fn(){};//是否大写我一直纠结。为了规范,fn还是首字母大写,毕竟是作为构造函数用。

  var a=new Fn();  

    1) a是一个被Fn构造函数创建的对象,对象有__proto__,所以a.__proto__===Fn.prototype

    2) Fn是个函数,函数也属于对象,也有__proto__,Fn它是被Function()函数所创建,所以Fn.__proto__===Function.prototype

    3) Fn.prototype也是一个对象,对象有__proto__属性值,对象都是被Object()函数所创建,所以Fn.prototype.__proto__===Object.prototype

    4) Object()是个函数,所以它是被Function()所创建,所以Object.__proto__===Function.prototype

    5) Object是函数,也有prototype属性,该属性是个对象,也有__proto__属性,但是Object.prototype.__proto__===null 这里需要注意

    6) Function()是函数,函数也属于对象,它是被它自身所创建,所以Function.__proto__===Function.prototype

    7) Function()是函数,也有prototype属性,该属性是个对象,也有__proto__属性,对象都是被Object()函数创建,所以Function.__proto__===Function.prototype

再贴一张王福鹏老师的图片就更好理解了:



so,如果面试被问到原型是什么,就答:在JavaScript中原型是一个prototype对象,用于表示类型之间的关系。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: