call()方法

语法：

call([thisObj[,arg1[, arg2[, [,.argN]]]]])

定义： 调用一个对象的一个方法，以另一个对象替换当前对象。

说明： call 方法可以用来代替另一个对象调用一个方法。

​ call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。

• 在js的函数上可以使用call方法来改变函数中的this指向
• call里面的第一个参数会改变调用call方法的函数内的this
• 不过第一个参数到达函数内部后会自动转成对象形式变成this
• call里面的第二个参数及之后则对应调用call方法的函数的第一个参数及之后

thisObj的取值有以下4种情况：

（1） 不传，或者传null,undefined， 函数中的this指向window对象

（2） 传递另一个函数的函数名，函数中的this指向这个函数的引用

（3） 传递字符串、数值或布尔类型等基础类型，函数中的this指向其对应的包装对象，如 String、Number、Boolean

（4） 传递一个对象，函数中的this指向这个对象

function class1(){   
  this.name=function(){   
    console.log("我是class1内的方法");   
  }   
}   
function class2(){ 
  class1.call(this);  //此行代码执行后，当前的this指向了class1（也可以说class2继承了class1）   
}   

var f=new class2();   
f.name();   //调用的是class1内的方法，将class1的name方法交给class2使用

function eat(x,y){   
  console.log(x+y);   
}   
function drink(x,y){   
  console.log(x-y);   
}   
eat.call(drink,3,2);

//输出：5
//这个例子中的意思就是用 eat 来替换 drink，eat.call(drink,3,2) == eat(3,2) ，所以运行结果为：console.log(5);
//注意：js 中的函数其实是对象，函数名是对 Function 对象的引用。

function Animal(){   
  this.name="animal";   
  this.showName=function(){   
    console.log(this.name);   
  }   
}   
function Dog(){   
  this.name="dog";   
}   
var animal=new Animal();   
var dog=new Dog();       

animal.showName.call(dog);

//输出：dog
//在上面的代码中，我们可以看到Dog里并没有showName方法，那为什么（this.name）的值是dog呢？

//关键就在于最后一段代码（animal.showName.call(dog)），意思是把animal的方法放到dog上执行，也可以说，把animal 的showName()方法放到 dog上来执行，所以this.name 应该是 dog。

//继承
function Animal(name){   
  this.name=name;   
  this.showName=function(){   
    console.log(this.name);   
  }   
}   
function Dog(name){   
  Animal.call(this,name);   
}   
var dog=new Dog("Crazy dog");   
dog.showName();

//输出：Crazy dog
//Animal.call(this) 的意思就是使用 Animal对象代替this对象，那么Dog就能直接调用Animal的所有属性和方法。

call、apply、bind的作用是改变函数运行时this的指向。

call()的第一个参数为this绑定的对象，后面传入一串参数列表，function.call(obj,arg1,arg2,arg3...)。
当第一参数为null或undefined时，默认指向window对象。

apply()和call()类似，唯一的不同点在于 第二个参数传入一个参数数组。，apply参数最多2个 function.apply(obj,[arg1,arg2,arg3...])
当第一参数为null或undefined时，默认指向window对象。

bind()和call()类似，不同点一bind()不会立即执行，而是返回一个改变了this后的函数；
不同点在于当你调用fn1 = fn.bind(newThis,param1)方法后，执行fn1(prama2)时，参数prama2会加到param1后面。
在这里插入图片描述

 var fn = function () {
      return arguments;
    }
    var fn1 = fn.bind(fn, 23);
    console.log(fn1(1, 2, 3, 4, 5)); //23,1,2,3,4,5