说明
由于在前端越来越深入,碰到了很多实际上需要通过原型及原型链解决的问题,
以及this指向的问题;在这里在复习一下。前面也写过有关原型及原型链的文章
我会在这两篇文章的基础上,在做一步深化。
原型及原型链
这里我想借用一道面试题来进行说明,因为在我的脑海里,让我来解释原型及原型链,我突然发现我的脑海里是这样的
原型是什么?不知道,原型链是干嘛的?原型链就是我们在前端生成的对象会定义很多属性及方法,有时候实例化了去寻找相关的属性,是顺着实例到原型这一条链式搜索的。。。就是我内心明白,发现用语言表达不出来,所以,还是看下面试题目吧。
解释:
那什么是原型呢?可以这样理解👉 每一个JavaScript对象(null除外)在创建的时候就会与之关联另一个对象,这个对象就是我们所说的原型,每一个对象都会从原型"继承"属性。
推论:原型的前提,是要有对象。
验证:
prototype是函数的一个属性(每个函数都有一个prototype属性),这个属性是一个指针,指向一个对象。它是显示修改对象的原型的属性。
__proto__是一个对象拥有的内置属性(请注意:prototype是函数的内置属性,__proto__是对象的内置属性),是JS内部使用寻找原型链的属性。
用chrome和FF都可以访问到对象的__proto__属性,IE不可以
几个概念的理解
1 实例对象(new出来的)
2 原型对象
3 构造函数
function Foo(){} ---->构造函数(首字母大写叫构造函数,并且构造函数可以通过new关键字来执行,在内部,new后可以把this关联到实例对象)
proto 实际是[[prototype]], prototype翻译过来就是原型