23. call和apply和bind的区别

1.call在严格模式下和非严格模式下的区别：

var obj = {name:"张三"}

function fn (num1,num2) {

　　console.log(num1+num2)

　　console.log(this)

}

fn(100,200);// this是window num1=100 num2= 200

fn.call(100,200); // this->100 num1= 200 num2 = undefined

fn.call(obj,100,200); // this->obj num1=100 num2=200

fn.call(); // this->window

fn.call(null); // this->window

fn.call(undefined); // this->window

"use strict"// 告诉浏览器接下来的代码将按照严格模式进行编写

在严格模式下：

fn.call(); // this->undefined

fn.call(null); // this->null

fn.call(undefined); // this->undefined

2.apply和call方法的作用是一模一样的，都是用来改变方法的this关键字，并且把方法执行：而且在严格模式下和非严格模式下对于第一个参数是null/undefined这种情况的规律也是一样的;

　　fn.call(obj,100,200)

　　fn.apply(obj,[100,200])//  call在给fn传递参数的时候是一个个的传递，而apply不是一个个传，而是把要给fn传递的参数值，统一的放在一个数组中进行操作，但是也相当于一个个给fn的形参赋值

3.bind：这个方法在IE6-8下不兼容，和call和apply类似，都是用来改变this关键字的，

　　预处理思想：事先把fn的this改变为我们想要的结果，并且把对于的参数值也准备好，以后要用到了，直接的执行即可

　　fn.call(obj,1,2) // 改变this和执行fn函数是一起都完成了

　　var temp = fn.bind(obj,1,2) // 只是改变了fn中的this为obj并且给fn传递了两个参数值，但是此时并没有把fn这个函数执行;执行bind会有一个返回值，这个返回值temp就是我们把fn的this改变后的那个结果

　　temp()