上下文调用模式

上下文调用模式

定义：就是通过函数的调用改变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();