美文网首页
原型链和访问对象原型的方法

原型链和访问对象原型的方法

作者: 骆驼丶 | 来源:发表于2018-01-02 15:43 被阅读0次

    大家好,我是IT修真院成都分院第09期学员,一枚正直纯洁善良的web程序员。今天给大家分享一下,修真院官网js任务4,原型链和访问对象原型的方法?

    1.背景介绍

    JavaScript 中,万物皆对象。 JavaScript根据"原型链"(prototype chain)模式,来实现继承。

    二.知识剖析

    1.  对象:

    JavaScript中,对象是有区别的,分为普通对象和函数对象。

    o1 o2 o3 为普通对象,f1 f2 f3 为函数对象。

    2.  对象继承

    Brendan Eich参考C++和Java,做了简化设计,将new命令引入JavaScript中,new后面跟对象的构造函数,用来创建对象。这样做有个缺点:无法共享方法和属性.。

    Brendan Eich决定为构造函数设置一个prototype属性。这个属性包含一个对象,所有实例对象需要共享的属性和方法,都放在这个对象里面;

    那些不需要共享的属性和方法,就放在构造函数里面。

    实例对象一旦创建,将自动引用prototype的属性和方法。也就是说,实例对象的属性和方法,分成两种,一种是本地的,另一种是引用的。

    species属性放在prototype对象里,是两个实例对象共享的。只要修改了prototype对象,就会同时影响到两个实例对象

    DOG.prototype.species = '猫科';

    console.log(dogA.species); // 猫科

    console.log(dogB.species); // 猫科

    由于所有的实例对象共享同一个prototype对象,那么从外界看起来,prototype对象就好像是实例对象的原型,而实例对象则好像"继承"了prototype对象一样。

    3.  原型prototype

    在JavaScript 中,每当定义一个对象(函数)时候,对象中都会包含一些预定义的属性。其中函数对象的一个属性就是原型对象 prototype。普通对象没有prototype,但有_ proto _属性。

    4.  原型链

    JS在创建对象(不论是普通对象还是函数对象)的时候,都有一个叫做__proto__的内置属性,用于指向创建它的函数对象的原型对象prototype。

    5.  constructor属性

    prototype对象有一个constructor属性,默认指向prototype对象所在的构造函数。

    由于constructor属性定义在prototype对象上面,意味着可以被所有实例对象继承。

    constructor属性的作用,是分辨原型对象到底属于哪个构造函数。

    6.  总结

    1.原型和原型链是JS实现继承的一种模型。

    2.原型链的形成是真正是靠__proto__ 而非prototype。

    三.常见问题

    访问对象原型的方法有哪些?

    四.解决方案

    获取实例对象obj的原型对象,有三种方法

    1. obj.__proto__

    2. obj.constructor.prototype

    3. Object.getPrototypeOf(obj)

    五.编码实战

    六.扩展思考

    1.Object.__proto__ === Function.prototype // true

    2.Function.__proto__ === Function.prototype // true 

    3.Function.prototype.__proto__=== Object.prototype //true

    1.Object是函数对象,是通过new Function()创建,所以Object.__proto__指向Function.prototype。

    2.Function 也是对象函数,也是通过new Function()创建,所以Function.__proto__指向Function.prototype。

    3.Function.prototype是个函数对象,理论上其__proto__应该指向 Function.prototype,就是它自己,自己指向自己,没有意义。函数对象也是对象,给它设定根指向Object.prototype,Object.prototype.__proto__=== null,保证原型链能够正常结束。

    7.参考文献

    参考一:阮一峰:Javascript继承机制的设计思想

    参考二:JavaScript原型及原型链详解

    8.更多讨论

    鸣谢

    感谢 王蒙师兄,此教程是在他们之前技术分享的基础上完善而成

    感谢大家观看

    PPT链接

    视频链接

    腾讯视频:


    原型链和访问对象原型的方法

    今天的分享就到这里啦,欢迎大家点赞、转发、留言、拍砖~

    我们下周再见!

    ------------------------------------------------------------------------------------------------------------------------

    技能树.IT修真院

    “我们相信人人都可以成为一个工程师,现在开始,找个师兄,带你入门,掌控自己学习的节奏,学习的路上不再迷茫”。

    这里是技能树.IT修真院,成千上万的师兄在这里找到了自己的学习路线,学习透明化,成长可见化,师兄1对1免费指导。快来与我一起学习吧~

    相关文章

      网友评论

          本文标题:原型链和访问对象原型的方法

          本文链接:https://www.haomeiwen.com/subject/xqxqnxtx.html