zoukankan      html  css  js  c++  java
  • 23.JavaScript原型和原型链

    1.原型:prototype,所有的函数都有一个属性prototype,称之为函数原型

    默认情况下,prototype是一个普通的Object对象

    默认情况下,prototype中有一个属性constructor,它也是一个对象,它指向构造函数本身

    function Test(){}

    Test.prototype:函数Test的原型

    Test.prototype.constructor:函数Test的原型的构造函数指向Test

    (Test.prototype.constructor === Test)  结果为true

    2.隐式原型:__proto__,所有的对象都有一个属性__proto__,称之为隐式原型

    默认情况下,隐式原型指向创建该对象的,函数的原型

    function Test(){}

    var test = new Test();

    (test.__proto__ === Test.prototype) 结果为true

    上面的test对象如何获得创建对象的构造函数名称?

    test.__proto__.constructor.name

    test.__proto__ === Test.prototype

    test.__proto__.constructor === Test.prototype.constructor === Test

    test.__proto__.constructor.name === Test.prototype.constructor.name === Test.name

    如上图所示:

    通过函数add创建的对象,这些对象的隐式原型都指向函数add的原型

    对象1.__proto__ === 对象2.__proto__ === add.prototype

    所以add.prototype是对象1和对象2的一块公共区域

    3.原型链

    原型链,链条的全貌:

    上图中的Function特殊,是JS引擎自己产生的

    Function.__proto__ === Function.prototype

    Object.prototype === null

    所有的函数都是通过new Function()产生的。

    所以,自定义函数.__proto__ === Function.prototype

    当访问一个对象的成员时:
    1. 看该对象自身是否拥有该成员,如果有直接使用
    2. 在原型链中依次查找是否拥有该成员,如果有直接使用
  • 相关阅读:
    2005226考勤登记
    2005219考勤登记
    2005225考勤登记
    2005224考勤登记
    2005222考勤登记
    116道iOS面试题+答案,希望对你的面试有帮助
    在线代码编辑器(Ace)被防火墙误杀
    使用Certbot实现阿里云泛域名证书的自动续期
    实时音视频入门学习:开源工程WebRTC的技术原理和使用浅析
    百善孝为先
  • 原文地址:https://www.cnblogs.com/lanshanxiao/p/12821745.html
Copyright © 2011-2022 走看看