msgbartop
PHP语言, PHP扩展, Zend引擎相关的研究,技术,新闻分享 – 左手代码 右手诗
msgbarbottom

13 May 10 Javascript原型链和原型的一个误区

之前我对Javascript的原型链中, 原型继承与标识符查找有些迷惑,

如, 如下的代码:

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

今天看到了如下这个图:

Javascript object layout

Javascript object layout

另外, 在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


分享到:



Related Posts:

Tags: , ,

7 Responses to “Javascript原型链和原型的一个误区”

  1. Javascript原型链和原型的一个误区 | 万维网黑客联盟 |

    [...] 本文地址: http://www.laruence.com/2010/05/13/1462.html [...]

  2. jQuery教程 |

    关于javascript的机制,老兄是相当的了解呀~~
    学习了~~
    现在我正在慢慢补充这方面的知识~~

  3. Anonymous |

    f.prototype = obj;
    fo = new f;
    fo的__proto__链存在obj

  4. lake |

    这图有点乱,我推荐这幅图
    http://images.cnblogs.com/cnblogs_com/riccc/js/js_object_model.jpg
    出自文章
    http://www.cnblogs.com/RicCC/archive/2008/02/15/JavaScript-Object-Model-Execution-Model.html

    当年看到这幅图,豁然开朗,希望对你有帮助

  5. J |

    你好,想请教一个问题。

    var A = (window.getSelection)?window.getSelection():document.selection;
    if(!A) {
    return NULL;
    }
    var B = (A.rangeCount>0)?A.getRangeAt(0):A.createRange()
    //alert(A.rangeCount>0);
    obj.currPos = B.duplicate();
    if (obj.currPos) {
    //alert(obj.currPos.htmlText);
    //obj.currPos.text = str
    obj.currPos.htmlText = str //!!!!!!!!!!!!!

    }
    else {obj.innerHTML+=str}//直接把参数str的值添加到对象obj的值后面

    为什么在obj.currPos.htmlText会报doesn’t support this action这个错呢?alert()的时候却没有报错。

  6. |

    牛牛牛牛牛

  7. 網站製作學習誌 » [Web] 連結分享 |

    [...] Javascript原型链和原型的一个误区 [...]

Leave a Reply

*