Javascript原型链和原型的一个误区

之前我对Javascript的原型链中, 原型继承与标识符查找有些迷惑,但在看了鸟哥的说明之后~~

转载来自:http://www.laruence.com/2010/05/13/1462.html     原博客的 图不理解可以看我下面的图解。

如, 如下的代码:

function Foo() {};
var foo = new Foo();
Foo.prototype.label = "laruence";
alert(foo.label); //output: laruence
alert(Foo.label);//output: undefined

今天看到了如下这个图:


另外, 在Javascript Object Hierarchy看到:

The prototype is only used for properties inherited by objects/instances created by that function. The function itself does not use the associated prototype.

也就是说, 函数对象的prototype并不作用于原型链查找过程中,

今天在firefox下发现(因为firefox通过__proto__暴露了[[prototype]]), 真正参与标识符查找的是函数对象的__proto__,

function Foo() {};
var foo = new Foo();
Foo.__proto__.label = "laruence";
alert(Foo.label); //output: laruence
alert(foo.label);//output: undefined
而, 显然的:

function Foo() {};
alert(Foo.__proto__ === Foo.prototype); //output: false
另外, 也解释了,

alert(Object.forEach); // undefined
 
Function.prototype.forEach = function(object, block, context) {
    for (var key in object) {
        if (typeof this.prototype[key] == "undefined") {
            block.call(context, object[key], key, object);
        }
    }
 
};
 
alert(Object.forEach);
alert(Function.forEach);
alert(Object.forEach === Function.forEach); // true

《javascrip高级程序设计(第3版)》

第6章中6.2.3 原型模型中的1.理解原型对象写道:

     无论什么时候,只要创建一个新函数,就会根据一组特定的规则为该函数创建一个prototype属性,这个属性指向函数的原型对象。在默认情况下,所有原型对象都会自动获得一个constructor(构造函数)属性,这个属性包含一个指向prototype属性所在函数的指针。

    创建了自定义的构造函数之后,其原型对象默认只会取得constructor属性,至于其他方法,则都是从Object继承而来的,构造函数无法取到prototype的属性和方法。当调用构造函数创建一个实例后,该实例的内部将包含一个指针,指向构造函数的原型对象,在Firefox,Chrome的开发者工具中可以看到是__proto__这个属性;

所以,要明确的真正重要的一点是,这个连接存在于实例与构造函数的原型对象之间,而不是存在于实例与构造函数之间

也就是说,定义了构造函数的原型对象后,创建了实例后才指向原型对象,没有创建实例的时候,自定义的构造函数是没有指向原型对象的,而是默认值获取constructor属性和Object的方法。它的继承是在new之后将构造函数的原型对象进行实例之间的继承,没有new就没有继承原型对象,而不是OOP语言中直接类(如同js的构造函数)的继承。


原型链想解决的问题就是构造函数中的方法不能共享的问题,每个实例new出来之后,里面的方法不像其他OOP语言是共享方法的,而是独立开来互不影响的,因为js本身的设计问题,每个方法其实也是对象。



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值