zoukankan      html  css  js  c++  java
  • 转:Javascript原型链和原型的一个误区

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

    如, 如下的代码:

    1. function Foo() {};
    2. var foo = new Foo();
    3. Foo.prototype.label = "laruence";
    4. alert(foo.label); //output: laruence
    5. 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__,

    1. function Foo() {};
    2. var foo = new Foo();
    3. Foo.__proto__.label = "laruence";
    4. alert(Foo.label); //output: laruence
    5. alert(foo.label);//output: undefined

    而, 显然的:

    1. function Foo() {};
    2. alert(Foo.__proto__ === Foo.prototype); //output: false

    另外, 也解释了,

    1. alert(Object.forEach); // undefined
    2.  
    3. Function.prototype.forEach = function(object, block, context) {
    4.     for (var key in object) {
    5.         if (typeof this.prototype[key] == "undefined") {
    6.             block.call(context, object[key], key, object);
    7.         }
    8.     }
    9.  
    10. };
    11.  
    12. alert(Object.forEach);
    13. alert(Function.forEach);
    14. alert(Object.forEach === Function.forEach); // true

    看以前的:

    javascript prototype __proto__区别

  • 相关阅读:
    java栈的实现
    浅谈JSON
    Java反射机制及IoC原理
    ApplicationContext之getBean方法详解
    web.xml中的contextConfigLocation的作用
    ApplicationContext的名称解释
    spring boot如何处理异步请求异常
    screen工具实现简单分析
    SO_LINGER选项的作用和意义
    gcc的异常处理机制
  • 原文地址:https://www.cnblogs.com/youxin/p/2951495.html
Copyright © 2011-2022 走看看