Question

如何理解 JavaScript 中作为参数的函数的作用域和 this

Answer 1

作用域于参数类型无关，也就是说不管参数是函数还是其他类型，这个参数的作用域只在接收这个参数的函数内有效，如下：

function test(callback){
    if(typeof callback == "function"){
        callback();
    }
    
    //此时这个参数的作用域只在test这个函数内有效，其他地方都是无效的。
}

this是一个指针类型，一般情况下是指向调用该方法或者属性的对象本身，除非指定了this的指向，否则都是指向window对象，下面这段代码希望对你的理解有帮助。

var obj = {
    fun:function(){
        this.log("这个地方的this即为obj对象");
    },
    log:function(text){
        console.log(text);
        //当然这里的this也是指向obj对象的
    }
}

function stu(){
    this.getAge = function(){
        //此时这里的this指向stu类的实例，即指向下面注释代码中的stuObj对象
        //var stuObj = new stu();
        //stu.getAge();
    }
}
function callback(){
    //此时这里的this指向下面被注释代码中的obj，因为他手动指定了this对象
    //除了call可以手动指定this之外apply也可以指定this指向
    //var obj = {name:"小明"};
    //callback.call(obj);
}

除了以上几种情况下，还有一种情况this是指向dom元素本身的，如下：

<a href="#" onclick="alert(this.href)">这个this即为这个a标签本身</a>

除了以上几种情况，this都是指向window对象的，当然不排除有一些我不清楚的情况。

Answer 2

执行上下文和作用域之间最大的区别是：

执行上下文在运行时确定，随时可能改变；

每个执行上下文都有三个重要的属性，

1）变量对象（Variable object，VO）
2）作用域链（Scope chain）
3）this
4）还有一些附加的属性。

作用域在定义时确定，永远不会改变。