原型链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 个人笔记 公众号

转载于:https://juejin.im/post/5c4718fde51d45518c680492