zoukankan      html  css  js  c++  java
  • JavaScript基础之原型对象和原型链

    原型对象

    原型对象简单来说就是函数的原型所指向的对象。前面说原型的时候,说了Object.prototype所指对象就是Object(函数)的原型对象。在每个函数的原型对象中,默认会有constructor属性,用于指向函数本身。

    在最开始的时候,原型对象的constructor设计主要是为了获取对象的构造函数。后来发现constructor属性易变,不可信。推荐使用instanceof。

    原型对象有什么作用,主要实现对象的继承。

    例如我们常用的对象、数组、函数都是得益于原型。

    当我们使用变量直接量定义一个对象的时候,其实我们是没有定义它上面的这些能够调用的方法

    let obj = {};

    这些方法怎么来的,就是通过调用Object上面的原型对象而来的。

    console.log(Object.prototype)

    同理数组(通过调用Array.prototype),函数(通过调用Function.prototype)

    原型链

    ECMAScript中描述了原型链的概念,并将原型链作为实现继承的主要方法。其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。简单回顾一下构造函数、原型和实例的关系:每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针。那么,假如我们让原型对象等于另一个类型的实例,结果会怎么样呢?显然,此时的 原型对象将包含一个指向另一个原型的指针,相应地,另一个原型中也包含着一个指向另一个构造函数的指针。假如另一个原型又是另一个类型的实例,那么上述关系依然成立,如此层层递进,就构成了实例与原型的链条。这就是所谓原型链的基本概念。

    更多网页前端开发教程,行业资讯,面试技巧,欢迎关注公众号:网页前端开发学习

    记得点个赞

    如果有对web前端感兴趣前端程序员,,可加入我们的web前端技术学习群的640633433,里面免费送前端的零基础教程噢!

    写在最后:

    很多人都知道我是学全栈的,都天真的以为我有全套的前端、网页制作等视频学习资料。我想说你们是对的,我的确有前端的全套视频资料。

  • 相关阅读:
    一款非常推荐的用户界面插件----EasyUI
    使用chart和echarts制作图表
    JS模拟实现封装的三种方法
    JavaScript面向对象(OOP)
    移动HTML5前端框架—MUI
    一款优秀的前端JS框架—AngularJS
    less和scss
    JS中的正则表达式
    JS中的数组
    js匿名函数
  • 原文地址:https://www.cnblogs.com/gongyue/p/8568497.html
Copyright © 2011-2022 走看看