zoukankan      html  css  js  c++  java
  • 原型链之prototype/__proto__/constructor

    (一)prototype

    每个函数都有一个prototype属性,这个属性是指向一个对象的引用,这个对象称为原型对象,原型对象包含函数实例共享的方法和属性,也就是说将函数用作构造函数调用(使用new操作符调用)的时候,新创建的对象会从原型对象上继承属性和方法。

    通过Function.prototype.bind方法构造出来的函数是个例外,它没有prototype属性

    (二)__proto__

    根据ECMA定义 'to the value of its constructor’s "prototype" ' ----指向创建这个对象的构造函数的显式原型(prototype)
    举例说明: 
    function A(){}
    
    A.prototype = {from:'构造函数的prototype'}
    
    var a = new A()
    
    a.__proto__ === A.prototype //true   

    每个对象都有一个内置属性[[prototype]],在ES5之前没有标准的方法访问这个内置属性,但是大多数浏览器都支持通过__proto__来访问。ES5中有了对于这个内置属性标准的Get方法Object.getPrototypeOf(). 
    Object.prototype 这个对象是个例外,它的__proto__值为null

    原型链的实现原理:当我们访问一个对象的属性时,如果这个对象内部不存在这个属性,那么他就会去__proto__里找这个属性,这个__proto__又会有自己的__proto__,于是就这样 一直找下去。

    (三)对象原型分析

    刚刚已经讲到,__proto__指向创建这个对象的构造函数的显式原型,那么关键我们只需要判断该对象的构造函数prototype即可

    1. 对象字面量

    var a = {b:1}
    //等效于 var a = new Object(); a.b=1;

    a.__proto__ === Object.prototype //true

    2. 构造函数创建的对象

    function A(){}
    var a = new A()
    a.__proto__ === A.prototype //true

    3.Object.create() 创建的对象

    var prop = {b:1}
    var a = Object.create(prop)
    a.__proto__ === prop //true

    (四)constructor

    构造函数prototype对象会初始化一个constructor属性,它指向的就是构造函数本身

    function A(){}
    var a = new A()
    a.__proto__.constructor === A.prototype.constructor A.prototype.constructor === A

    所以,我们可以根据对象的constructor属性,得到创建该对象的构造函数

  • 相关阅读:
    Caffe学习系列(9):solver优化方法
    Caffe学习系列(8):solver,train_val.prototxt,deploy.prototxt及其配置
    模式识别与图像处理笔试题
    图像增强与图像复原
    hough变换检测线和圆
    C++关键字:mutable(转)
    JS 时间格式化函数
    为当前的div 动态添加一个样式
    曾经感动过我们的文字 今天是否还有印象?——v1
    关于模态框 大小的设置 最大 中等 小小
  • 原文地址:https://www.cnblogs.com/webLilingyun/p/7217346.html
Copyright © 2011-2022 走看看