apply(),call()和bind()的异同

JavaScript 函数call、apply和bind的区别和用法详解

深入谈谈apply和call。 这篇文章是本小猿生写的第一篇文章，不喜勿喷，还望大佬批评指教，共同进步，好了废话不多说，下面开始胡扯。 apply和call方法的相同点 apply()和call()方法的作用都是改变this 的指向，也是他们的相同点。 apply和call方法的不同点 apply() 和 call() 方法的区别在于 接收参数的方式不同 apply() 方法，两个参数， 第一个参数是this修改后的指向。 第二个参数是一个数组。 call() 方法， 第一个参数是this修改后的

前言 上一篇文章 《「前端面试题系列4」this 的原理以及用法》 中，提到了 call 和 apply。 它们最主要的作用，是改变 this 的指向。在平时的工作中，除了在写一些基础类，或者公用库方法的时候会用到它们，其他时候 call 和 apply 的应用场景并不多。 不过，突然遇到的时候，需要想一下才能转过弯来。所以今天，就让我们好好地探究一下，这两个方法的区别以及一些妙用。最后，还会介绍...

apply和call定义: apply:调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.apply(A, arguments);即A对象应用B对象的方法。 call:调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.call(A, args1,args2);即A对象调用B对象的方法。 相同之处 都是用一个对象 来调用另外一个对象 不同之处 apply:可以接受两个参数 第一参数是新的this对象或者是null 第二个是一个数组; 如果不想用一个对象来调用另外一个对象 可以把第一个参数设

相同点： 改变this的指向； var a = { name:"丸子", fn:function(){ console.log(this.name); } } var b = a.fn; b()//undefined b.call(a);//丸子 b.a...

cxx

原文章发表在 Klay-Clam的个人博客 一、细节 javascript 中函数存在“定义时上下文”，“运行时上下文” 上下文是可变的 1. call() call(),为改变某个函数运行时的上下文(context)而存在的，换句话说，是为了改变函数内部的this指向. // demo1 var sayKlay = { n...

call()、bind()、apply() 都是用来重定义this这个对象的， 解决this的指针指向问题这三个结果都一样 bind后面多一个括号是因为 bind返回值是一个函数加上（）编程立即执行函数。

call()、apply()、bind()的异同 定义： call() 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。 apply()方法调用一个具有给定this值的函数，以及以一个数组或类数组对象的形式提供的参数。 bind() 方法创建一个新的函数，在 bind() 被调用时，这个新函数的 this 被指定为 bind() 的第一个参数，而其余参数将作为新函数的参数，供调用时使用。 call()、apply()和bind()都可以改变this对象的指向 区别1： call

call、bind、apply的来源 call、apply和bind方法其实都是继承自function.prototype中，属于实例方法。 console.log(Function.prototype.hasOwnProperty('call')); console.log(Function.prototype.hasOwnProperty('apply')); console.log(Function.prototype.hasOwnProperty('b

一、了解apply（），call（），bind（） JavaScript中的每一个Function对象都有一个bind()、apply()方法和一个call()方法，它们的语法分别为： bind()方法 fun.bind(thisArg[, arg1[, arg2[, ...]]]) apply()方法 function.apply(thisObj[, argArray]) call()方法 fu...

都能够改变目标函数执行时内部 this 的指向；方法的第一个参数用于指定函数执行时内部的 this 值；支持向目标函数传递任意个参数；若不向方法的第一个参数传值或者传递 undefined、null，则在 JavaScript 正常模式下，目标函数内部的 this 指向 window 对象，严格模式下，分别指向 undefined、null。

在下例中的 for 循环体内，创建了一个匿名函数，然后通过调用该函数的 call 方法，将每个数组元素作为指定的 this 值执行了那个匿名函数。从上面的例子可以看出，apply与call基本相同，区别是apply的第二个参数是传数组，而call是传一个或多个参数。bind的区别是调用时要加（），它返回的是一个函数。三者的作用都是为方法指定this的值。JavaScript 新手经常犯的一个错误是将一个方法从对象中拿出来，然后再调用，期望方法中的 this 是原来的对象（比如在回调中传入这个方法）。

这里的this指向的是window对象，因为在这里say()是用作回调函数来执行的，传的只是这个函数的引用，没有保留这个函数所属的对象。函数里面的this取决于调用时的执行上下文，在setTimeout里没有指定执行上下文，就默认在全局的执行环境中，指向的就是window。在变量提升方面，都被提升到了作用域的顶部。1.与前两种最大区别是bind返回值是一个新的函数，并不会直接执行这个函数。变量提升： 在代码执行之前,将变量声明和函数声明提升到当前作用域的顶部。，这里的this指向的是它的调用者obj。

利用 JS 事件冒泡动态为元素绑定事件的方法称为事件委托（也称为“事件代理”）。事件委托就是把原本需要绑定在子元素上的事件（onclick、onkeydown 等）委托给它的父元素，让父元素来监听子元素的冒泡事件，并在子元素发生事件冒泡时找到这个子元素。好处在 JavaScript 中，页面内事件处理程序的个数会直接影响页面的整体性能，因为每个事件处理程序都是对象，对象会占用内存，内存中的对象越多，页面的性能则越差。

关于this指向问题，以及尝试对可以改变this指向的函数(call(),apply(),bind())的源码实现

我们就可以使用call方法调用obj.sayHello, 并将obj.sayHello中的this修改为obj1，把 ‘设计师’, ‘画画’ 这两个参数出给obj.sayHello。区别在于传参形式不同，apply接受两个参数，第一个参数是要指向的this对象，第二个参数是一个数组，数组里面的元素会被展开传入fn,作为fn的参数。关于call、apply、bind函数，它们主要用来改变this指向的，在很多框架中常有用到，而且也是面试官喜欢问到的问题：多数会问道三者的区别， 以及手动实现它们。

call、apply和bind这三个一直是我们js中非常常用的继承，接下来我将自己从大佬学习的一些经验分享一下。 谈谈三者的异同点 相同点：都是为改变this指向而存在的。 异同点： 使用call()方法时，传递给函数的参数必须逐个列举出来， 使用apply()方法时，传递给函数的是参数数组。 bind()和call()很相似，第一个参数是this的指向，从第二个参数开始是接收的参数列表。 bind() 方法不会立即执行，而是返回一个改变了上下文 this后的函数，用于稍后调用。 call()、apply(

在JavaScript中，每个函数都包含两个非继承而来的函数apply()和call()，这两个函数的作用是一样的，都是为了改变函数运行时的上下文而存在的，实际就是改变函数体内this的指向。而bind()函数也可以达到这个目的，但是在处理方式上与call()函数和apply()函数有一定的区别，接下来我们就详细看下3者的使用方式。