JavaScript原型链

面试中老是会问这个问题，自己也看了很多资料，对此概念有些一知半解，这里简单梳理下;

JavaScript原型链

在JavaScript中，每一个对象都有一个指向原型对象的内部链接。而这个原型对象又有自己的原型，直到某个对象的原型为null止，组成了这个链的最后一环。这种一级一级的结构称为原型链。
–继承与原型链 MDN

这里给出的概念觉得是最好理解的，但是需要注意以下几点：

1. 原型链的形成真正是靠__proto__ 而非prototype,当JS引擎执行对象的方法时，先查找对象本身是否存在该方法，如果不存在，会在原型链上查找，但不会查找自身的prototype。
2. 一个对象的__proto__记录着自己的原型链，决定了自身的数据类型，改变__proto__就等于改变对象的数据类型。
3. 函数的prototype不属于自身的原型链，它是子类创建的核心，决定了子类的数据类型，是连接子类原型链的桥梁。
4. 在原型对象上定义方法和属性的目的是为了被子类继承和使用。

有了以上部分的总结，原型链差不多能理解了。

function f(){}
f.prototype.foo = "abc";
console.log(f.foo); //undefined
var obj = new f();
console.log(obj.foo);  //"adc"
function  B(){}; 
B.prototype=f; 
B.__proto__===f.prototype;//false
B.__proto__===f.__proto__;//true
B.__proto__===Function.__proto__;//true
//B->Function->Object->null
    var b=new B();
    console.log(b.foo);//undefined
function C(){};
C.prototype=new f();//对C本身的__proto__无影响
C.__proto__===f.__proto__;//true
C.__proto__===Function.__proto__;//false
//C->Function->Object->null
    var c=new C();
    console.log(c.foo);//"abc"

可以看出prototype和__proto__的区别，这里__proto__就是指向原型对象的链接，在MDN中使用[[prototype]]描述。

JavaScript原型链的缺陷

由于JavaScript利用原型链来实现继承，此时在原型链上查找属性会比较耗时，特别是当原型链过长时存在的性能问题。

JavaScript作用域链与原型链的区别

函数对象和其它对象一样，拥有可以通过代码访问的属性和一系列仅供JavaScript引擎访问的内部属性。其中一个内部属性是[[Scope]]，由ECMA-262标准第三版定义，该内部属性包含了函数被创建的作用域中对象的集合，这个集合被称为函数的作用域链，它决定了哪些数据能被函数访问。

实际上，若不涉及继承，作用域链与原型链没有交集。只是在对象的属性查找时，如果一个属性在对象中没有直接找到时，查询将在原型链中继续。

那么两者的区别是怎样的呢？

• 作用域链是用来解析标识符的，是词法作用域的一种实现方式；
• 原型链是用来查找对象属性的，是原型继承的一种实现方式。

参考资料：
1. MDN: 继承与原型链
2. 伯乐在线：JS核心系列-浅谈 原型对象和原型链
3. 原型
4. 知乎：JavaScript作用域链和原型链怎么理解？
5. 汤姆大叔的博客：深入理解JavaScript系列（14）-作用域链(Scope Chain)