针对的对象不同
- 作用域链:针对变量
- 原型链: 针对构造函数(对于对象的属性,方法)
形式不同
作用域链:
作用域的特点就是,先在自己的变量范围中查找,如果找不到,就会沿着作用域往上找。如:
var a = 1;
function b(){
var a = 2;
function c(){
var a = 3;
console.log(a);
}
c();
}
b();
最后打印出来的是3,因为执行函数c()的时候它在自己的范围内找到了变量a所以就不会越上继续查找,如果在函数c()中没有找到则会继续向上找,一直会找到全局变量a,这个查找的过程就叫作用域链。
不知道你有没有疑问,函数c为什么可以在函数b中查找变量a,因为函数c是在函数b中创建的,也就是说函数c的作用域包括了函数b的作用域,当然也包括了全局作用域,但是函数b不能向函数c中查找变量,因为作用域只会向上查找。
原型链
当访问一个对象的属性时, 会在这个对象的属性上去找,如果没有找到就会去这个对象的–proto– 上去找,即构造函数prototype 上找,如果没有会一直在–proto-- 上找,直到最顶层,不到即为undefined 。这样一层一层地向上,就彷佛一条链子串起来,所以就叫原型链。
顶层不同
作用域链顶层是window,原型链顶层是Object。