• 技术文章 >web前端 >js教程

    Javascript原型链和原型的一个误区_javascript技巧

    2016-05-16 16:33:04原创627
    之前我对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 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
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:Javascript 原型链 原型
    上一篇:Google Maps API地图应用示例分享_javascript技巧 下一篇:一个JavaScript防止表单重复提交的实例_javascript技巧
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• 一起聊聊JavaScript函数的定义与基本使用• 详解如何使用Node.js开发一个简单图片爬取功能• JavaScript中的数组知识点总结• JavaScript怎么创建多个对象?详解四种方法• JavaScript DOM API知识串讲
    1/1

    PHP中文网