apply,call,bind区别_skybeauty_新浪博客

首先这三个API都是为function在运行的时候绑定this对象

**1：apply：fun.apply(thisArg[,argsArray])

thisArg

在 fun 函数运行时指定的 this 值。需要注意的是，指定的 this 值并不一定是该函数执行时真正的 this 值，如果这个函数处于非严格模式下，则指定为 null 或 undefined 时会自动指向全局对象（浏览器中就是window对象），同时值为原始值（数字，字符串，布尔值）的 this 会指向该原始值的自动包装对象。

argsArray

一个数组或者类数组对象，其中的数组元素将作为单独的参数传给 fun 函数。如果该参数的值为null 或 undefined，则表示不需要传入任何参数。从ECMAScript 5 开始可以使用类数组对象。浏览器兼容性请参阅本文底部内容。

 

描述

在调用一个存在的函数时，你可以为其指定一个 this 对象。 this 指当前对象，也就是正在调用这个函数的对象。 使用 apply， 你可以只写一次这个方法然后在另一个对象中继承它，而不用在新对象中重复写该方法。

apply 与 call() 非常相似，不同之处在于提供参数的方式。apply 使用参数数组而不是一组参数列表（原文：a named set of parameters）。apply 可以使用数组字面量（array literal），如 fun.apply(this, ['eat', 'bananas'])，或数组对象， 如  fun.apply(this, new Array('eat', 'bananas'))

apply比较经典的用法：

（1）求一个数组的最大值：

var numbers = [5,1,6,9,11]

var max = Math.max.apply(null,numbers)

var min = Math.min.apply(null,numbers)

(2)合并两个数组：

var arrayList = [0,1,3]

var arryList2 = [4,5,9]

Array.prototype.push.apply(arrayList,arrayList2)

此时arrayList就变成：arrayList = [0,1,3,4,5,9]

**2:call:fun.call(thisArg[,arg1[,arg2[,...]]])

参数

thisArg

在fun函数运行时指定的this值。需要注意的是，指定的this值并不一定是该函数执行时真正的this值，如果这个函数处于非严格模式下，则指定为null和undefined的this值会自动指向全局对象(浏览器中就是window对象)，同时值为原始值(数字，字符串，布尔值)的this会指向该原始值的自动包装对象。

arg1, arg2, ...

指定的参数列表。

描述

当调用一个函数时，可以赋值一个不同的 this 对象。this 引用当前对象，即 call 方法的第一个参数。

通过 call 方法，你可以在一个对象上借用另一个对象上的方法，比如Object.prototype.toString.call([])，就是一个Array对象借用了Object对象上的方法。

**3:bind:fun.bind(thisArg[,arg1[,arg2[,...]]])

bind() 方法会创建一个新函数，称为绑定函数，当调用这个绑定函数的时候，绑定函数会以创建它时传入的bind（）方法的第一个参数作为this，传入bind方法的第二个以及以后的参数加上绑定函数运行时本身的参数按照顺序作为原函数的参数来调用原函数。

thisArg

当绑定函数被调用的时候，该参数会作为原函数运行时的this指向。当用new操作符调用绑定函数时，该参数无效。