zoukankan      html  css  js  c++  java
  • Javascript中的原型,原型链

    本文主要用于记载自己读《你不知道的Javascript》后,对原型,原型链的理解。可能有些偏颇,欢迎批评指正。

    书中提到以下内容:

    • 构造函数 constructor
      在Javascript中,函数本身并不是构造函数。然而,当你在普通的函数面前加上new关键字之后,就会把这个函数调用变成一个“构造函数”调用。
      实际上, new会劫持所有的普通函数并用构造对象的形式调用它。

      function A() {
      }
      let a = new A();
    • 原型
      上面提到  let a = new A()
      实际上,上面这句statement并不仅仅是创建了一个a对象,同时它还委托了一个关联
      
      

       可以看到,这个关联就是 A.prototype。 它是一个对象,这个对象有两个属性,一个是 constructor, 一个是 __proto__ (傻瓜原型,双下划线原型 dunder proto)。而constructor属性关联到 funtion A(){}

      与此同时,这句statement还委托了另一个关联, 那就是 a.__proto__ 关联到 A.prototype。可以看到a.__proto__与上面的A.prototype是相同的,下面会用代码证明它们是相同的引用。

      a.__proto__ === A.prototype, a.constructor === A.prototype.constructor

      事实上,对象a本身并没有constructor属性,该constructor属性是它的关联__proto__所指向的对象A.prototype的属性 A.prtotype.constructor

    • 原型链 [[prototype]]
      [[prototype]]机制就是存在于对象中的一个内部链接,这个链接的作用是:
      如果对象上没有找到需要的属性或者方法引用,引擎就会继续在[[prototype]]关联的对象上进行查找。
      同理,如果在后者中也没有找到需要的引用就会继续查找它的[[prototype]],以此类推。这一系列对象的链接被称为“原型链”
    每天一点点
  • 相关阅读:
    C#使用 System.Net.Mail发送邮件功能
    移动H5前端性能优化指南
    chrome主页被篡改为hao123 win10系统
    jqGrid TreeGrid 加载数据 排序 扩展
    Dapper 链式查询 扩展
    T4 代码生成 Demo (抽奖程序)
    反射实现 Data To Model
    highcharts .net导出服务 和 两种导出方式
    jQuery 自定义插件 (分页控件)
    ajax 多级联动 下拉框 Demo
  • 原文地址:https://www.cnblogs.com/juliazhang/p/11006392.html
Copyright © 2011-2022 走看看