原型链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会指向声明的对象，下面的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的原型链。

欢迎关注 Coding 我的笔记 公众号