用了js那么久,一直知道eval 和 apply,但是却不知道他们的应用场景。
今天做一个需求,算是第一次用到了eval和apply。
需求:封装一个方法,实现ajax异步调用多个接口,等待所有数据回调后统一执行一个callback
在jq中$.when方法。
demo是:$.when($.ajax('/page1.php'), $.ajax('/page2.php')).done(function(a1,a2){
//a1对应的是page1,a2对应的是page2
})
问题:我想封装一个方法,function loadData(arr, callback),传入一个api的数组,和一个回调函数就可以执行了。api的个数不确定,那要如何传入$.when()中呢?
解决:这个时候apply就出场了。apply的demo:Function.apply(this, arr),this是指向Function, arr是传入这个Function的形参。
所以我写
function loadData(arr,callback){
var apiArr = [];
for(var i = 0; i < arr.length; i++){
apiArr.push($.ajax(arr[i]));
}
$.when.apply(this, arr).done(function(){
callback(arguments);
})
}
而eval 的应用场景
当你想动弹创建变量的时候
例如,你想创建100个变量
ajax0
ajax1
ajax2......ajax100
这个时候你就要用到eval了。
for(var i =0 ; i<100; i++ ){
var v = 'var ajax'+i;
eval(v);
}