前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >原型链prototype

原型链prototype

作者头像
wade
发布2020-04-24 11:31:14
3500
发布2020-04-24 11:31:14
举报
文章被收录于专栏:coding个人笔记

学过后台语言的都知道类、继承等面向对象思想,其实JavaScript也是一种面向对象的语言,只是平时开发时几乎不需要用到,也没有提供传统的基于类的继承系统,导致现在几乎没多少人知道原型链这个东西。但其实,原型链是JavaScript的核心之一,也是一个难点。

在JavaScript中,最普通的对象有__proto__属性(指向其原型链),没有prototype属性,原型对象还有constructor属性(指向构造函数对象))。事实上,prototype是函数才有的属性,_proto_是每个对象都有的属性,而JavaScript里万物皆对象,所以会形成_proto_连起来的链条,这就是原型链。。

代码语言:javascript
复制
function fun() {

}
console.log(fun.prototype);

当我们声明一个空函数,打印一下他的原型链prototype,可以看见这个函数是默认有constructor和_proto_这两个属性的,并且原型链的末尾指向的是null为原型的对象。当我们访问某个属性的时候,它会通过原型链一层一层向上查找,一直找到null还没有,就会返回undefined。

代码语言:javascript
复制
console.log(fun.prototype.a);  //undefined

当你想要定义这个原型链上的某个属性的时候,必须使用prototype

代码语言:javascript
复制
function fun() {

}
fun.prototype.a = 0; //输出0
fun.a = 0;  //输出undefined
console.log(fun.prototype.a);

因此,当你new一个对象出来,访问某个属性的时候,是一样的,必须使用prototype才能声明某个属性,或者是方法内部调用this声明。

代码语言:javascript
复制
function fun() {
this.b = 1;//此时this会指向声明的对象,下面的obj,obj的对象原型会指向构造器的prototype,相当于fun.prototype。
}
fun.prototype.a = 0; //输出0
fun.a = 0;  //输出undefined
var obj = new fun();
console.log(obj.a);
console.log(obj.b);

还可以打印输出obj,其实obj里面继承了很多原型链上的属性。以上就是JavaScript的原型链。

(完)

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2018-05-27,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 coding个人笔记 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档