前言
上一篇博客我们讲到关于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对象&#