javascript call和apply

每个函数都包含两个非继承而来的方法：call和apply.

我们可以通过这两个方法来间接调用函数。可以这样：

f.call(o);
f.apply(o);
//o对象间接调用了f函数

这与下面的功能相似：

o.m = f;
o.m();
delete o.m//删除临时方法

语法：

fn.call(obj,arg1,arg2,arg3...)              fn.apply(obj,[arry]/arguments)      [apply中第二个参数可以使纯数组也可以是类数组]

在es5严格模式下，第一个参数都会变成this值；而在es3和非严格模式下，undefined和null被全局对象所代替，其他原始值则会被相应的包装的对象所替代。

 

“call和apply最强大的地方是能够扩充函数赖以运行的作用域”，很多博客文章中都是这样描述的，其实这种说法是错误的，绝对是错误的！所以我不用“误区”这个词语了。因为JS是静态词法作用域，是按照语法定义来确定作用域，它的作用域其实是无法扩充的，而this 是 context，可以改变 ，call和apply改变的是this，改变的是上下文！

下面是一个例子：

var name = "复读机",
    age = 25;
function say(){
    console.log("name : " + this.name);
    console.log("age : " + this.age);
}
var obj = {
    name : "bb机",
    age : 30
}
say(); //name : 复读机 age : 25 
say.call(obj);//name : bb机 age : 30 

如果我们不使用call方法，我们是怎么用obj调用say这个函数的呢

var name = "复读机",
    age = 25;
function say(){
    console.log("name : " + this.name);
    console.log("age : " + this.age);
}
var obj = {
    name : "bb机",
    age : 30
}
say(); //name : 复读机 age : 25 
obj.say = say;
obj.say();//name : bb机 age : 30

可以看出用call将会更方便！

 

或许我们使用过require框架中的require函数，觉得非常神奇！它可以将一个数组依次传入一个回调函数的参数中，其实它的模型非常简单！

下面是例子：

var noop = function(){};
function require(list,fn){
    fn.apply(noop,list);
}
require([1,2,3],function(a,b,c){
    console.log(a);
    console.log(b);
    console.log(c);
})

今天到此为止哈。。