zoukankan      html  css  js  c++  java
  • 对原型链的理解

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

    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

  • 相关阅读:
    关于js中"window.location.href"、"location.href"、"parent.location.href"、"top.location.href"的用法
    对于json数据的应用01
    关于session应用(1)session过期时间设置
    关于session应用(2)JAVA中怎么使用session
    Jquery常用技巧(3)
    0101对称二叉树 Marathon
    0112路径之和 & 0113所有路径之和 Marathon
    0106105从中序与后序遍历序列中构造二叉树 Marathon
    0110平衡二叉树 Marathon
    0513找树左下角的值 Marathon
  • 原文地址:https://www.cnblogs.com/usebtf/p/9388882.html
Copyright © 2011-2022 走看看