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()

  

  

原文地址:https://www.cnblogs.com/z-dl/p/8952607.html