JS的作用域与执行上下文

作用域和执行上下文，很多人容易把它们混淆，在这简单地做个比较。
作用域是函数定义的时候就确定好的了，函数当中的变量是和函数所处的作用域有关，函数运行的作用域也是与该函数定义时的作用域有关。
上下文，主要是相对于关键字this的值来说的，this是由函数运行时决定的。打个比如，我们大家都知道“语境”这个词，语境指的是通过一定语言环境以揭示概念在相对关系下的意义的定义。通俗点就是一句在不同的场合表达的意思可能是不一样。比如，他傻了。一种情况是表示他真的变傻了，另一种是大家开玩笑的情况下对他的一个调侃。所以不同的场合表示的意义是不一样的。这个上下文跟语境类似。大家看下下面的例子：
function foo(){
        console.log( this.a );
}
var a = 2;
var obj = {
    a: 3,
    foo: foo
};
var bar = obj.foo;
bar(); //2
从结果可以看出，foo函数中的this指向的是全局的window，并不是obj本身。稍微改造下：
function foo(){
        console.log( this.a );
}

var obj = {
    a: 3
};
foo.call(obj);//3
从结果可以看出这个this指向的是obj，所以输出了3。从这个例子也能看出call是能改变上下文的。
从上面可以看出，上下文不同输出的结果是不一样的。