原型、原型链的应用以及this的指向问题

说明

由于在前端越来越深入,碰到了很多实际上需要通过原型及原型链解决的问题,
以及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翻译过来就是原型

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

李卓书

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值