js关于Function和Object的原型的理解

我们在探究 Function 和 Object 的关系之前。可以先不讨论 Object的特殊性,先考虑Function的特殊性。

我们在 小红书数据类型一章讲到 Object 通过对象直面量和 通过构造函数的方式创建的 对象实例是有差别的。我们先通过代码来感受一下这些差别

    function Object() {
        this.name='hello'
    }
    var obj = new Object()
    var obj2 = {}
    console.log(obj)    //  {name: "hello"}
    console.log(obj2)     //  {}

明显可以看出,通过构造函数创建对象,是需要通过作用域链进行查找的。而{}可以免去作用域链查找。 所以本质上 Object 和 普通的构造函数没有本质的区别。 同样包括Array ,RegExp,Date等 都可以理解为Function的实例。具有所有普通构造函数的特性

这样可以按照下图理解

也就是说,可以把Object理解为Function的实例

但是 Function 和 Object 的关系究竟是什么样的呢,今天在控制台打出来一个Object实例,然后顺着原型链一直找,终于理清了Function和Object的关系

先上图

最有趣的关系 在加粗的线表示出来的地方,也就是Function可以看作是自己的实例,然后Function原型的隐式原型__proto__指向Object的prototype。也就是说Function的原型可以看作是Object的实例。

接下来进行验证

 

posted @ 2018-03-06 15:25  就是咩咩羊呀  阅读(326)  评论(0编辑  收藏  举报