call,apply,bind区别？

最新推荐文章于 2024-04-19 11:37:34 发布
原创 最新推荐文章于 2024-04-19 11:37:34 发布 · 239 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细解析了JavaScript中call、apply与bind方法的区别，重点介绍了它们如何改变函数内部的this指向。call与apply用于立即调用函数，区别在于参数传递方式；bind则返回一个新的函数，允许后续调用。

call，apply，bind主要作用都是改变this指向的，但使用上略有区别，说一下区别：
call和apply的主要区别是在传递参数上不同，call后面传递的参数是以逗号的形式分开的，apply传递的参数是数组形式【Apply是以A开头的，所以应该是跟Array(数组)形式的参数】
bind返回的是一个函数形式，如果要执行，则后面要再加一个小括号，例如：bind(obj，参数1，参数2,)（），bind只能以逗号分隔形式，不能是数组形式。

kobezzZ
关注
javasrcipt中apply，call与bind的区别？手写一个call，apply，bind？
dreamer_sen的博客
01-04 2587
apply与call的作用 apply与call的作用是在特定的作用域中调用函数 num = 1;// 默认声明到全局作用域 function logNum() { console.log(this.num); } logNum(); // 1 logNum.apply({ num: 99 });// 99 logNum.call({ num: 88 });// 88 如上代码可知：call和apply接收的第一个参数都是一个作用域，在作用域里面num都被赋了不一样的值，所以最后this.num
深入理解 JavaScript 中的 call、apply 和 bind
vvilkin的学习备忘
02-28 1511
call、apply 和 bind 是 JavaScript 中非常重要的方法，它们通过显式地改变 this 的指向，提供了更灵活的函数调用方式。理解它们的区别和实现原理，可以帮助我们更好地掌握 JavaScript 的函数执行机制，并在实际开发中灵活运用。
理解JS中的call、apply、bind方法(*****************************************************************)...
weixin_33862041的博客
11-16 255
在JavaScript中，call、apply和bind是Function对象自带的三个方法，这三个方法的主要作用是改变函数中的this指向。 call、apply、bind方法的共同点和区别：apply 、 call 、bind 三者都是用来改变函数的this对象的指向的；apply 、 call 、bind 三者第一个参数都是this要指向的对象，也就是想指定的上下文（函数的每次调用都会拥有...
call , apply, bind, 的区别
weixin_48895522的博客
11-05 3745
apply和call都是为了改变某个函数运行时的上下文而存在的 （就是为了改变函数内部this的指向）； 如果使用apply或call方法，那么this指向他们的第一个参数，apply的第二个参数是一个参数数组，call的第二个及其以后的参数都是数组里面的元素，就是说要全部列举出来； bind（） 也是改变函数体内this的指向; bind会创建一个新函数，称为绑定函数，当调用这个函数的时候，绑定函数会以创建它时传入bind（）方法的第一个参数作为this，传入bind（）方法的第二个及以后的参数加上绑
转载：call apply bind 区别
tonycatgogogo的博客
03-21 182
javascript中apply、call和bind的区别 在JS中，这三者都是用来改变函数的this对象的指向的，他们有什么样的区别呢。在说区别之前还是先总结一下三者的相似之处： 都是用来改变函数的this对象的指向的。 第一个参数都是this要指向的对象。 都可以利用后续参数传参。 区别在哪里的，先看一个例子 var xw={ name: "小王", gender: "男", ...
call apply bind的区别
qq_40409143的博客
03-13 179
相同点：都是改变this的指向问题 区别 接收的参数的个数不一样 call(thisObj,arg1, arg2, ,.argN) 可以接手多个参数，第一个参数是this要指向的对象 apply([thisObj,argArray) 接收两个参数，第二个使用数组的格式 bind方法的返回值是函数,参数和call一样，可以多个 功能快捷键 撤销：Ctrl/Command + Z 重做：Ctrl/Command + Y 加粗：Ctrl/Command + B 斜体：Ctrl/Command + I 标题：
call apply bind 的区别
weixin_51732856的博客
04-23 148
7-call/apply/bind三者的用法和区别 call/apply/bind都是改变this指向的方法 fn.call当前实例（函数）通过原型链的查找机制，找到function。prototype上的call方法，function call（）{【native code】} fn.call（） 把找到的call方法执行 当call方法执行的时候，内部处理了一些事情 1首先把要操作的函数中的this关键字变为call方法第一个传参的实参 2把call方法第二个及之后的实参获取到 3把要操作的函数执行，并
精选资源
原生JS实现 call apply bind
01-08
call apply bind 的 区别 call apply方法都是在调用之后立即执行的，而bind是返回原函数，需要再调用一次才能执行 传参方式的区别 var newFn1 = fn1.bind(newObj,arg1,arg2....); bind 第一个参数为需改变的新指向...
call、apply、bind的区别及其实现原理
xiangshj的博客
01-26 634
日常开发中呢，我们或多或少会用到bind、call、apply这三个方法，今天我们就来讲一讲他们之间的区别和模拟实现解释他的原理； 1.共同点 1.首先这三个方法都是Function原型上的方法，针对函数而言的； 2.其次他们都是用于改变函数的内部this指向，这里划重点：是改变函数执行时候的内部this指向； 3.都是可以接受两个或多个参数，第一个参数就是改变后的this指向，后面为可选参数 2.区别 1.apply和call的调用会立即返回函数执行结果，如果使用apply或call方法，那么this指向
面试题：bind、call、apply 区别？如何实现一个 bind?
Lily的博客
08-07 293
面试题：bind、call、apply 区别？如何实现一个 bind?一、call()代码描述：二、apply()代码描述：三、bind()—最重要代码描述：四、call、apply、bind 总结 一、call() 代码描述： 二、apply() 代码描述： 三、bind()—最重要 代码描述： 应用场景举例： 另一种写法如下： 四、call、apply、bind 总结
apply call bind区别
kny123的博客
03-12 562
apply call bind 都是改变函数调用时this指向，apply call 会立即执行该函数，bind是返回绑定this指向后的函数，apply和call的区别是传入参数格式不同，apply接收数组，call接收参数列，实现apply 和call 方法 call 方法第一个参数是要绑定给this的值，后面传入的是一个参数列表。当第一个参数为null、undefined的时候，默认指向w...
call apply、bind区别
weixin_47038179的博客
05-27 258
apply、call和bind的区别 相同点： 1.都是用来改变函数的this对象的指向的。 2.第一个参数都是this要指向的对象。 3.都可以利用后续参数传参。 区别： 1.fn.call(obj, arg1, arg2, …),调用一个函数, 第一个参数为要改变的this，第二个参数为要传递的参数，参数与方法中是一一对应的。 2.fn.apply(obj, [argsArray]),第一个参数为要改变的this，第二个参数为要传递的参数作为一个数组（或类数组对象）提供的参数 3.bind 和call/
call apply bind区分
jennyya的博客
09-03 233
    //call  apply  bind  相同点this指向发生改变             var obj1={                 name:"obj1",                 sayhello:function(){                     console.log(this);                 },              ...
call，apply，bind区别
niruanye的博客
03-13 160
** call 和 apply 的共同点 ** 它们的共同点是，都能够改变函数执行时的上下文，将一个对象的方法交给另一个对象来执行，并且是立即执行的。 为何要改变执行上下文？举一个生活中的小例子：平时没时间做饭的我，周末想给孩子炖个腌笃鲜尝尝。但是没有适合的锅，而我又不想出去买。所以就问邻居借了一个锅来用，这样既达到了目的，又节省了开支，一举两得。 改变执行上下文也是一样的，A 对象有一个方法，而...
call、apply和bind的区别？
weixin_43869982的博客
09-01 165
1、三者都是用来改变函数上下文，也就是this指向 2、call、apply、bind第一个参数都是要指向的对象，第二个是要传递的参数 3、call和apply写法不同,call后面是字符串格式，apply为数组格式 4、bind返回一个函数，需要主动调用，call、apply会自动执行 ...
call，apply，bind的区别
热门推荐
why404
02-09 1万+
一、call,apply,bind的相同点： 都是改变this指向的； 第一个参数都是this要指向的对象； 都可以利用后续参数传参； 二、call,apply,bind的区别： call和bind的参数是依次传参，一一对应的； 但apply只有两个参数，第二个参数为数组； call和apply都是对函数进行直接调用，而bind方法返回的仍是一个函数； 例如： var a ={ name:'一一', age:'22', sex:'女', ho.
call apply bind 的区别及用法
zhiying_08的博客
05-02 504
<!DOCTYPE html><html><head> <title>call apply bind 比较</title></head><body> <div class="d1">点击</div> <!-- 1.call a
call apply bind作用和区别
LiXSnow的博客
12-02 612
call和apply都可以用来改变函数里的this指向，区别是 call(obj,1,2,3,)从第二个参数开始有多个参数，用来代表函数的实参 apply(obj,[1,2,3])第二个参数是一个数组，数组中的每一个元素对应一个实参 bind(obj,1,2,3,)(); apply,call是直接执行函数调用，bind是绑定，执行需要再次调用．apply和call 的区别是apply接受数组作为...
call、apply、bind的区别和实现
qq_62401119的博客
04-19 583
这三个方法都是用来改变函数中this指向的。其中call和apply作用完全一样applycallbindcallbind。
bind、call、apply 区别？如何实现一个bind?
最新发布
05-14
### JavaScript 中 `bind`、`call` 和 `apply` 的区别 #### 1. **功能上的共同点** 它们的主要作用是改变函数内部的 `this` 指向。 #### 2. **主要区别** - **`call`**: 调用函数的同时立即执行，并可以显式指定 `this` 值，支持多个单独参数。 ```javascript function greet(greeting, punctuation) { console.log(greeting + ', ' + this.name + punctuation); } const person = { name: "Alice" }; greet.call(person, "Hello", "!"); // 输出: Hello, Alice! ``` - **`apply`**: 类似于 `call`，但它接受一个参数数组而不是单个参数列表。 ```javascript function greet(greeting, punctuation) { console.log(greeting + ', ' + this.name + punctuation); } const person = { name: "Bob" }; greet.apply(person, ["Hi", "?"]); // 输出: Hi, Bob? ``` - **`bind`**: 返回一个新的函数，不会立即执行原函数。新的函数会永久绑定到指定的对象上，无论如何调用它。 ```javascript function greet(greeting, punctuation) { console.log(greeting + ', ' + this.name + punctuation); } const person = { name: "Charlie" }; const boundGreet = greet.bind(person, "Hey"); boundGreet(", ."); // 输出: Hey, Charlie. ``` --- ### 自定义实现 `bind` 方法 以下是基于引用中的逻辑实现的一个完整的 `bind` 方法： ```javascript Function.prototype.myBind = function (context, ...args) { if (typeof this !== "function") { throw new TypeError("What is trying to be bound is not callable"); } const fn = this; return function boundFn(...boundArgs) { // 判断是否通过 new 调用此函数 const isConstructorCall = this instanceof boundFn; const finalContext = isConstructorCall ? this : context || globalThis; return fn.apply(finalContext, args.concat(boundArgs)); }; }; ``` #### 实现细节说明 1. 如果尝试绑定的内容不是一个函数，则抛出错误[^1]。 2. 使用闭包返回一个新的函数 (`boundFn`)，该函数会在被调用时应用原始函数上下文和参数[^2]。 3. 当前函数如果作为构造器调用（即通过 `new`），则忽略传入的 `context` 并设置为新实例本身[^4]。 4. 合并初始绑定参数与后续调用时传递的参数，并使用 `apply` 执行目标函数[^3]。 --- ### 示例验证 ```javascript const user = { name: "John", }; function greeting(timeOfDay, activity) { console.log(`Good ${timeOfDay}, my name is ${this.name}. I like to ${activity}`); } // 使用自定义 bind const morningActivity = greeting.myBind(user, "morning"); morningActivity("run"); // Good morning, my name is John. I like to run. // 构造器场景测试 class MyClass {} MyClass.prototype.method = function () { console.log(this); }; const methodBound = MyClass.prototype.method.myBind({}); new methodBound(); // 正确输出实例对象而非绑定的上下文 ``` --- ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值