浅谈js原型和原型链

一、简述

对于javascript 对象(函数) 原型和原型链的理解,其实不那么难,简单来说,需要理解什么是原型,怎么访问原型,什么是原型链,怎么通过原型链去访问原型,就可以大概理清楚原型和原型链的基础知识。

二、浅谈

1、何为原型

在js引擎启动的时候,其内核就生成了最基本的Object和Function的原型内容,也就是最原始最自然的代码。
(1)Object的原型是一个对象变量,该对象变量存储constructor、hasOwnProperty等属性;
在这里插入图片描述
(2)Function的原型为自然的代码片段,即 f(){[native code]};
在这里插入图片描述

2、如何访问原型

举个例子: 一个已声明的函数fun、Object、Function它们都可以访问到自己的原型内容,如下表格所示:

对象(函数)访问原型方法原型内容
funfun.prototype{constructor: {…},_proto_: {…}}
ObjectObject.prototype{constructor:{},hasOwnProperty: f,…}
FunctionFunction.prototypef(){[native code]}

3、实例(new操作之后)如何访问原型

举个例子: 实例化的函数f1和对象o1,通过下面的表格来说明如何访问它们的原型内容:

实例访问原型方法原型内容
f1f1.__proto__{constructor: {…},__proto__}
o1o1.__proto__{constructor: {…},hasOwnProperty:f,…}

4、何为原型链

(1)最简单的理解:将实例、函数(对象)和原型之间关系起来就叫原型链。
(2)详细一点的理解:实例通过__proto__属性访问原型,函数和对象通过prototype属性访问原型,函数原型的__proto__又可以访问对象的原型等等,他们之间形成一个关系链,就是原型链。

其他的就需要读者自己去看下面经典图,该图详细清晰的描述实例、对象和其原型间的关系,笔者建议读者在理解下图的时候结合控制台打印的结果进行分析,就可以大概了解js的原型和原型链了。
在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值