js的原型和闭包4

in js with 0 comment views: 153 times

原文:深入理解javascript原型和闭包(4)——隐式原型

Object

每个函数function都有一个prototype,即原型。每个对象都有一个 __proto__,即隐式对象。

这个__proto__ 是一个隐藏的属性,js不希望开发者用到这个属性值,有的低版本浏览器甚至不支持这个属性。

QQ20180419-150118.png

上面的截图看来,obj.__proto__Object.prototype 的属性一样。

obj 这个对象本质上是被Object函数创建的,因此 obj.__proto__ === Object.prototype ,我们可以用一个图来表示。

QQ2018-04-25 22-52-20.png

即,每个对象都有一个 __proto__ 属性,指向创建该对象的函数的prototype。

那么上图中的 Object.prototype 也是一个对象,他的 __proto__ 指向哪里?

在说明之前,先说一下自定义函数的prototype。自定义函数的prototype本质上就是和 var obj = {} 是一样的,都是被 Object 创建,所以它的 __proto__ 指向的就是 Object.prototype。

QQ20180425-230717.png

但是 Object.prototyp 确是一个特例----它的 __proto__ 指向的是null。

2018-04-25 23-07-33.png

函数

函数也是一种对象,函数也有 __proto__

函数是由 Function 创建出来的

function fn(x,y){
    return x+y;
};
console.log("1---->>",fn(1,2))
var fn1 = new Function('x','y','return x+y');
console.log("2---->>",fn1(1,2))

QQ20180425-231236.png

以上代码中,第一种是比较传统的函数创建方式,第二种是用new Function 创建(不推荐该方法创建函数)。

根据上面说的一句话: 对象的 __proto__指向的是创建它的函数的prototype,就回出现 Object.__proto__ === Funciton.prototype ,如下图所示:

2018-04-25 23-14-26.png

上图中,很明显的标出了: 自定义函数 Foo.__proto__ 指向 Function.prototypeObject.__proto__指向Function.prototype,唉,怎么还有一个……Function.__proto__指向Function.prototype?这不成了循环引用了?

对!是一个环形结构。

Function也是一个函数,函数是一种对象,也有__proto__属性。既然是函数,那么它一定是被Function创建。所以——Function是被自身创建的。所以它的__proto__指向了自身的Prototype。

最后一个问题:Function.prototype指向的对象,它的__proto__是不是也指向Object.prototype?

答案是肯定的。因为Function.prototype指向的对象也是一个普通的被Object创建的对象,所以也遵循基本的规则。

2018-04-25 23-21-23.png

Responses