JavaScript中prototype解析

前言

上一篇博客我们讲到关于JavaScript中this的解析,里面涉及到关于JavaScript中prototype的内容,讲的内容比较限定于this,对此专门做一篇完整一点的,只关于prototype的博文
而与其相关的还有刷到一道前端笔试题跟其有关的
在这里插入图片描述

关于prototype

所有的 JavaScript 对象都会从一个prototype(原型对象)中继承属性和方法:

  • Date 对象从 Date.prototype 继承。
  • Array 对象从 Array.prototype 继承。
  • Person 对象从 Person.prototype 继承。
    **所有 JavaScript 中的对象都是位于原型链顶端的 Object 的实例。**换句话说,prototype原型链最终指向的是object.prototype,而 object.prototype对象的原型其实是一个没有任何属性和方法的null对象
    JavaScript 对象有一个指向一个原型对象的链。当试图访问一个对象的属性时,它不仅仅在该对象上搜寻,还会搜寻该对象的原型,以及该对象的原型的原型,依次层层向上搜索,直到找到一个名字匹配的属性或到达原型链的末尾。(有点像继承,跟上一篇博文我说的,有点类似JavaScript面向对象的继承),因此Date 对象, Array 对象, 以及 Person 对象从 Object.prototype 继承。
    而这道题目中function.prototype的最终指向,而JavaScript中函数其实也是个对象,所以函数对象的prototype最终指向的还是Object

prototype属性的作用

构造函数的介绍

要讲prototype属性的作用之前还是得先讲一下构造函数。
所谓构造函数,就是提供了一个生成对象的模板并描述对象的基本结构的函数。一个构造函数,可以生成多个对象,每个对象都有相同的结构。总的来说,构造函数就是对象的模板,对象就是构造函数的实例。
构造函数的特点有:

  • 构造函数的函数名首字母必须大写。
  • 内部使用this对象&#
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值