上下文调用模式
定义:就是通过函数的调用改变this的指向
调用函数:bind() call() apply()
(1) call():通过调用call方法可以改变this的指向 第一个参数是改变this的指向,其余是实参
//没有使用call()方法调用
var arr = [1,2,3,4];
function add(){
console.log(this);//Window
}
add();
var arr = [1,2,3,4];
function add(a,b){
console.log(this);//[1,2,3,4]
}
add.call(arr);
(2) apply()方法
解释:apply()方法和call方法差不多,只不过apply只有两个参数,第二个参数可以是数组或者伪数组
var arr = [1,2,3,4];
function add(a,b){
console.log(this);//arr
return a+b
}
var res = add.apply(arr,[1,2]);;//第二个参数可以当做数组穿进去进行计算
console.log(res)//3
(3) bind()方法不调用函数
bind会创建并返回一个新的函数, 新的函数和借用的函数是一模一样的, 但是新函数内的this已经被改变成了bind的参数thisArg
function fn(){
console.log(this);//[1,2,3,4]
}
var arr = [1,2,3,4]
var res = fn.bind(arr);//复制的函数
console.log(res)//会生成一个一模一样的函数
res();