• 对原型链的理解


    有很多同学对原型链感到困扰,希望这篇文章对这些同学有一些帮助。

    1. 要理解原型链就必须知道下面两个概念,因为很多逻辑关系可以通过下面的概念进行推荐(当然这两个概念是引用的别人的,具体是谁的,我也记不太清除了,其他的是建立在这两个概念上面自己进行总结的)

    (1)所有的构造器的constructor都指向Function(包括自定义的构造函数)

    console.log(Object.constructor);
    // Function
    console.log(String.constructor);
    // Function
    console.log(Array.constructor);
    // Function
    console.log(Function.constructor);
    // Function
    

    (2)Function的prototype指向一个特殊匿名函数,而这个特殊匿名函数的 proto 指向 Object.prototype

    Function.prototype.__proto__ === Object.prototype; // true
    

    2. 根据1中的(2)可以进一步推导

    // 构造器的类型就是Function
    构造器.prototype.__proto__(Object除外) ===  Object.prototype
    

    3. Object.prototype为所有原型的顶层,Object.prototype.__proto__为null

    4. 元素.instanceof(构造函数)

    判断 构造函数.prototype 是否在元素的原型链上
    分析

    Function instanceof Object // true
    Object instanceof Function // true
    

    (1)当把 Function 当成元素时 Function.proto = Function.construtor.prototype

    由1-(1)可知 Function.construtor = Function
    所以
    Function.proto = Function.prototype,此时他们都指向一个匿名函数

    而这个匿名函数的__proto__指向 Object.prototype ,所以第一个为true

    (2)当把 Object 当成元素时,

    Object.proto = Object.construtor.prototype
    由1-(1)可知
    所有构造器的 constructor 都指向 Function ,Object.construtor = Function
    所以
    Object.proto = Function.prototype,所以第二个为true

  • 相关阅读:
    jQuery之第4章 jQuery中的事件和动画
    jQuery之第3章 jQuery中的DOM操作
    jQuery之第2章 jQuery选择器
    输入一组学生的姓名和成绩,根据成绩降序排名。
    抽象类和接口
    pingpong线程输出问题
    sql优化
    [leedcode 242] Valid Anagram
    [leedcode 241] Different Ways to Add Parentheses
    [leedcode 240] Search a 2D Matrix II
  • 原文地址:https://www.cnblogs.com/usebtf/p/9388882.html
Copyright © 2020-2023  润新知