call(),apply()和bind()的区别

最新推荐文章于 2025-02-28 11:03:26 发布
原创 最新推荐文章于 2025-02-28 11:03:26 发布 · 736 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#call() #apply()和bind()的区别

本文详细解析了JavaScript中call, apply和bind三大方法的区别与使用场景。这三种方法均可用于改变函数内部的this指向，但它们在参数传递方式及返回值上有所不同：call和apply会立即执行函数并返回执行结果，而bind则返回一个带有新this指向的函数。call按顺序接受参数，apply则接收一个参数数组。

call(),apply()和bind()的区别

共同点: 改变函数内部的this指向

callapplybind
共同点改变函数内部的this指向改变函数内部的this指向改变函数内部的this指向
参数1this的指向this的指向this的指向
参数2将参数一个个传递将参数放在一数组里传递将预定义参数一个个传递
返回值执行函数的返回值执行函数的返回值返回一个已改变this指向的新函数
调用情况立即调用立即调用返回函数被调用时调用
一文彻底弄懂 JavaScript 中 call、apply 和 bind 的区别与应用
Allen-
04-27 1807
call(), apply() 和 bind() 这三种方法不仅赋予了开发者精细控制函数执行上下文的能力，还能灵活地传递参数，极大地扩展了函数应用的范围和可能性。掌握它们的工作原理和应用场景，对于理解JavaScript中的面向对象编程、闭包以及异步处理等核心概念至关重要。
call和apply和bind的区别
chuiyizhuo5063的博客
02-28 214
call和apply和bind的区别 @(前端) "use strict"//->告诉当前浏览器接下来的js代码将按照严格模式编写 var obj={name:"zhufen"}; function fn(num1,num2){ console.log(num1+num2); ...
call、apply和bind的区别
weixin_45836027的博客
05-18 129
call、apply和bind之区别 共同点：它们的第一个参数都是改变this的指向； 区别： call是挨个传值，apply传一个数组，bind也是挨个传值，但和call和apply还有一些不同，使用call和apply会直接执行这个函数，而bind并不直接执行，而是将绑定好的this重新返回一个新函数，什么时候调用由你自己决定； 如： function fn(a,b,c,d){ 　　console.log(a,b,c); } fn.call(null,1,2); fn.apply(null,[1,2,3
call，apply，bind的用法与区别
楠姐的博客
10-25 1690
call，apply，bind这三个方法其实都是继承自Function.prototype中的，属于实例方法。 1. call() 函数实例的call方法，可以指定该函数内部this的指向（即函数执行时所在的作用域），然后在所指定的作用域中，调用该函数。并且会立即执行该函数。 call()方法可以传递两个参数 第一个参数是指定函数内部中this的指向（也就是函数执行时所在的作用域）， 第二个参数是函数调用时需要传递的参数。 2. apply() apply方法的作用与call方法类似，也是改..
call apply bind三者的区别
qq_53632527的博客
10-18 308
call方法 function.call ( thisArg, Arr1, Arr2, . . .) apply方法 function.apply( thisArg, [arr1, arr2, . . . ] ) bind方法 function.call ( thisArg, Arr1, Arr2, . . .) thisArg为this的指向，Arr为传入的参数 call apply bind三者的区别： （1）指向的区别：三者的第一个参数都是this的指向，但是在使用..
call、aplay 和 bind 三者之间的区别?
热门推荐
weixin_53877433的博客
06-18 1万+
首先，先说下this指向： this指向：his指向 = 谁调用，指向谁（这是错误的！！！）
深入理解 JavaScript 中的 call、apply 和 bind
最新发布
vvilkin的学习备忘
02-28 1481
call、apply 和 bind 是 JavaScript 中非常重要的方法，它们通过显式地改变 this 的指向，提供了更灵活的函数调用方式。理解它们的区别和实现原理，可以帮助我们更好地掌握 JavaScript 的函数执行机制，并在实际开发中灵活运用。
Javascript中call，apply，bind方法的详解与总结
10-20
本文针对JavaScript中三个重要的函数方法——call、apply和bind，进行详尽的分析，并在文章的结尾部分对这三个方法之间的联系和区别进行了概括，以便于读者更深入地理解它们的用途和应用场景。 首先，我们来探讨...
javascript中apply、call和bind的使用区别
11-28
接下来，我们探讨 `call()` 和 `apply()` 的区别。假设 `say` 方法增加了两个参数： ```javascript say: function(school, grade) { alert(this.name + " , " + this.gender + " ,今年" + this.age + " ,在" + ...
开启Javascript中apply、call、bind的用法之旅模式
10-23
bind()方法与apply和call不同，它不会立即执行函数，而是创建一个新的函数，当这个新函数被调用时，它的this被绑定到bind()方法的第一个参数，即传入的上下文对象。bind()可以传递部分参数给原函数。 ```javascript...
call,aplly,bind的区别和作用以及封装
qq_44902858的博客
04-17 835
平常我们用call,apply以及bind用的都很多，大家可能都会用，对于区别也可能知道的没有那么详细，这篇文章就来带你详细的了解一下。 相同点： 1.call,apply,bind都属于Function.prototype的一个方法 2.call,apply,bind的作用相同，都可以改变this的指向 3.传递参数时，第一个参数都相同，都是this（第一个参数传的是什么就指向谁） 在非严格模式下，如果不传参(不传递任何参数)，或者第一个参数是null或者undefined，其this指向window。
说一说call apply bind的作用和区别？
qq_50852155的博客
12-20 506
作用：call、apply、bind的作用都是改变函数运行时的this指向； 用法区别：bind和call、apply在使用上有所不同，bind在改变this指向的时候，返回一个改变执行上下文的函数，不会立即执行函数，而是需要调用该函数的时候再调用即可，但是call和apply在改变this指向的同时执行了该函数。
1、call,apply,bind三者的区别分析
vue
04-11 257
一、call的实现原理 function fn1(){ console.log(this,arguments); } function fn2(){ console.log(2); } /* fn1.call.call.call.call(fn2); */ // call的特点： // 1) 可以改变我们当前函数的this指向 // 2）还会让当前函数执行 Funct...
call、apply、bind有什么区别
徐三岁的博客
03-26 279
1.作用 都是用于改变函数执行时的上下文，也就是改变函数运行时的this指向 2.区别 call call方法第一个参数是this指向，后边传入的是参数列表，改变this指向后原函数会立即执行，且此方法只是临时改变tihs指向一次 function fn(...args){ console.log(this,args); } let obj = { name:"张三" } fn.call(obj,1,2); // this指向传入的obj，1,2为传入的参数 当第一个参数为null或un
详解call，apply，bind的区别
error
08-22 256
call 场景 函数get想要获取一个对象 lilei 的属性 this.name ，但是函数默认的this是指向window的，所以获取不到this.name这个值。 解决办法：使用call将函数get默认的this指向对象 lilei。 code function get(age,money) { console.log(this.name,age,money) } let lilei = {name:"lilei"} get.call(lilei,20,2000) // output:
call、apply和bind
yangyalun的博客
09-30 5060
function test(){ console.log(this) } test();//打印window var t=new test()//打印test(){} 首先我们要明白上面这个this指向问题，普通函数调用，this指向window，而通过new来实例化一个构造函数的对象，则this指向函数。 1.call、apply和bind 的相同点和不同点 相同点：ca...
call和calling的用法_call()方法和apply()方法用法总结
weixin_39935654的博客
12-22 436
1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。2. 相同点：这两个方法的作用是一样的。都是在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域。一般来说，this总是指向调用某个方法的对象，但是使用call()和apply()方法时，就会改变this的指向。call()方法使用示例：//例1window.color= 'red';...
对javascript中的call()和apply()及bind()的理解
weixin_33721344的博客
01-02 157
 在工作中经常看到有使用call和apply这连个方法，每次看到后都会去网上搜一下用法，然而过一段时间就又不会了，归根到底是自己没有理解他的原理，这次准备彻底弄懂，并把自己的理解总结下来 fun.call(thisArg, arg1, arg2, ...) fun.apply(thisArg, [argsArray]) call()和apply的常见用法 ...
call、bind、apply三者的区别
nanxun201314的博客
04-26 9020
当一个函数作为构造器使用时(通过 new 关键字), 它的 this 值绑定到新创建的那个对象。3、如果你在声明一个变量的时候没有使用var或者let、const(es6),你就是在给全局的this添加或者改变属性值。this改变为obj了，但是绑定的时候立即执行，当触发点击事件的时候执行的是fn的返回值undefined。对于函数中的this的指向问题，有一句话很好用：运行时this永远指向最后调用它的那个对象。bind会把fn中的this预处理为obj，此时fn没有执行，当点击的时候才会把fn执行。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值