原型链prototype

原型链prototype

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

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

function fun() {

}

console.log(fun.prototype);

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

console.log(fun.prototype.a);  //undefined

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

function fun() {

}

fun.prototype.a = 0; //输出0

fun.a = 0;  //输出undefined

console.log(fun.prototype.a);

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

function fun() {
this.b = 1;//此时this会指向声明的对象,下面的objobj的对象原型会指向构造器的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的原型链。

(完)

Coding 个人笔记

来源:coding个人笔记,本文观点不代表自营销立场,网址:https://www.zyxiao.com/p/62683

发表评论

电子邮件地址不会被公开。 必填项已用*标注

侵权联系
分享本页
返回顶部