• JavaScript原型到原型链


    原型

    每个js对象在创建时都会与之关联一个对象,这个对象我们称为原型,每个对象都会继承原型上的属性

    prototype

    每个函数都会有一个prototype属性。函数的 prototype 属性指向了一个对象,这个对象正是调用该构造函数而创建的实例的原型。

    例:

    构造函数

    function Person () {

    }

    Person.prototype.name = 'test1'

    let p1 = new Person()

    console.log(p1.name)  //  test1

    __proto__

    每一个js对象(除null)具有的属性,这个属性指向该对象的原型

    例:

    function Person () {

    }

    let p1 = new Person()

    console.log(p1.__proto__ === Person.prototype) // true

    constructor 

    每个原型都有一个constructor属性,指向关联的构造函数

    例:

    function Person () {

    }

    let p1 = new Person()

    console.log(Person === Person.prototype.constructor)  // true

    补充

    当获取 p1.constructor 时,其实 p1 中并没有 constructor 属性,当不能读取到constructor 属性时,会从 p1 的原型也就是 Person.prototype 中读取,正好原型中有该属性,则:

    p1.constructor === Person.prototype.constructor

    例:

    function Person () {

    }

    let p1 = new Person()

    console.log(Person === p1.constructor)  // true

    实例与原型

    当读取实例的属性时,找不到该属性,会查找与对象关联的原型属性,如果还查不到,会继续查原型的原型,直到查到最顶层为止。

    例:

    function Person () {

    }

    let p1 = new Person()

    Person.prototype.name = 'test1'

    p1.name = 'test2'

    console.log(p1.name) // test2

    delete p1.name

    console.log(p1.name) // test1

    注解:当我们删除了 p1的 name 属性时,读取 p1.name,从 p1对象中找不到 name 属性就会从 p1的原型也就是 person.__proto__ ,也就是 Person.prototype中查找,如果从 p1的原型,继续从原型的原型上找,最顶层还找不到,则为空。

    以上为学习笔记总结。

    学习链接:https://segmentfault.com/a/1190000008959943

  • 相关阅读:
    【bzoj2190】: [SDOI2008]仪仗队 数论-欧拉函数
    【bzoj2751】[HAOI2012]容易题(easy) 数论-快速幂
    【bzoj2186】: [Sdoi2008]沙拉公主的困惑 数论-欧拉函数
    这里会有你想要的,已收录css , js相关文章
    Vue源码解析--实现一个指令解析器 Compile
    九宫格抽奖
    12行代码简单实现跑马灯文字匀速滚动
    滑弯曲弧形效果的插件-arctext.js改造
    几种拼图小游戏封装
    倒计时
  • 原文地址:https://www.cnblogs.com/candy-xia/p/13272688.html
Copyright © 2020-2023  润新知