call、apply、bind区别

最新推荐文章于 2024-11-12 11:19:19 发布
最新推荐文章于 2024-11-12 11:19:19 发布
阅读量87 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39820527/article/details/118650505
版权

1.call、apply、bind都可以改变this指向，call、apply立即执行，bind返回一个函数。

2.call接受一个对象指向this，以及参数列表

3.apply接受一个对象指向this，以及一个数组参数列表

4.es6的解构可以完全使用call实现apply

5.在参数超过三个的时候call的性能优于apply

前端农民工
关注
call、apply、bind 三者的区别？call 和 apply 哪个性能会好一些？如何实现 call、apply、bind？
iscsdnchris的博客
05-22 423
### 相同点 bind、apply、call 都是用来绑定函数执行时this的指向（改变函数执行时的上下文），同时还可以传参，调用它们的对象必须是一个函数 **Function**。 ### 区别 区别主要提现在传参上。 ```JavaScript // call Function.call(obj, arg1, arg2, arg3, ...); // apply，有两个参数，第二个是类数组 Function.apply(obj, [argArray]); // bind，b...
call，apply,和bind的作用，区别和那个性能好
zxy123yxq的博客
09-05 288
call和apply都用用来调用函数并且绑定一个this,这个this为第一个传入的参数 call和apply的区别 call传入参数时一个个的传入的 例如： fn.call(obj,1,2,3) apply传入后面的参数是采用数组的形式 fn.apply(obj,[1,2,3,4,5]) 注意当第一个参数是undefind和null时this都是window call的性能比apply的性能要好特别是在参数大于三个时，更多的还是使用call bind bind不会执行函数，f..
call、bind、apply三者的区别
nanxun201314的博客
04-26 8648
当一个函数作为构造器使用时(通过 new 关键字), 它的 this 值绑定到新创建的那个对象。3、如果你在声明一个变量的时候没有使用var或者let、const(es6),你就是在给全局的this添加或者改变属性值。this改变为obj了，但是绑定的时候立即执行，当触发点击事件的时候执行的是fn的返回值undefined。对于函数中的this的指向问题，有一句话很好用：运行时this永远指向最后调用它的那个对象。bind会把fn中的this预处理为obj，此时fn没有执行，当点击的时候才会把fn执行。
JavaScript辨别apply,call,bind 用法与性能
zem
01-30 423
在JavaScript中，我们经常使用apply，call，bind来绑定this的指向，这是this绑定中的硬绑定，即绑定后无法修改。（下面有些代码会涉及this绑定的内容，有关this绑定的内容可以看看我的另一篇博客-->理解掌握JavaScript的this的指向） 首先我们看看下面的代码 function fn(num1, num2, num3) { console.l...
call,apply,bind三者的区别
qq_55928824的博客
07-05 5056
1、本质上的区别三者最大的区别是call和apply会改变this的指向并且立即执行函数，但是bind方法不会立即执行函数，而是会返回this改变后的函数。 let obj = { name:'张三', age:18, func:function(){ console.log(this.name + "年龄" + this.age); } }
call apply bind 区别与联系
weixin_47075145的博客
08-25 639
分析：Math.max(1,36,2,7,321)这种可以得到最大值，但是是求数组中最大值，所以可以想到apply的第二个参数要求是数组来解决。分析：这里this指向的是btn,因为是给btn绑定的点击事件，但是如果想让this指向 h1，然后点击按钮，打印出h1的id的话，就需要改变this指向。分析：可以实现 this指向 h1，也实现了 点击按钮，打印出h1的id。分析：可以实现 this指向 h1，但是实现不了 点击按钮，才打印出h1的id。eg：数组 [1,36,2,7,321] ,求其最大值？.
call、apply、bind的区别
Winsom1的博客
08-01 312
接受两个参数，第一个参数指定了函数体内 this 对象的指向，第二个参数为一个带下标的集合，这个集合可以为数组，也可以为类数组。1、call和apply绑定完this会立即调用当前的函数，而bind绑定完this不会立即调用当前函数，而是将函数返回。都是为了改变函数运行时的执行上下文，使得函数在执行过程中的 this 值得到绑定并且传入指定的参数。接受多个参数，第一个参数指定了函数体内this对象的指向，从第二个参数开始的参数依次传入函数体内。这样可以在特定的环境中调用函数，扩展函数的灵活性和适用性。
call apply bind区别
u012174809的专栏
05-08 181
解决this指向问题？ 使用ES6中箭头函数 函数内部使用_this = this 使用apply，call，bind方法 new实例化一个对象 为什么要改变this指向? var name="lucy"; let obj={ name:"martin", say:function () { console.log(this.name); } }; obj.say(); //martin，this指向obj对象 setTimeout(obj.say.
原生JS实现 call apply bind
01-08
call apply bind 的 区别 call apply方法都是在调用之后立即执行的，而bind是返回原函数，需要再调用一次才能执行 传参方式的区别 var newFn1 = fn1.bind(newObj,arg1,arg2....); bind 第一个参数为需改变的新指向...
call apply bind 区别
04-21
call、apply、bind 都是用来改变函数中 this...区别于 call 和 apply，bind 方法不是立即执行函数，而是返回一个新的函数。 简单来说，call 和 apply 是为了改变函数的上下文环境，而 bind 是为了改变函数的执行方式。
开启Javascript中apply、call、bind的用法之旅模式
10-23
为了控制函数的this指向，JavaScript提供了apply、call以及bind方法。以下详细解释了apply、call以及bind的用法，并通过实例加深理解。 1. apply()和call()方法 apply()和call()方法都用于指定函数体内this的值。...
call apply bind的作用和区别
XIAXING123的博客
03-15 2306
1.call apply bind 的作用和区别 作用： 都可以改变函数内部的this指向。 区别点： 1.call和apply会调用函数，并且改变函数内部this指向。 2.call和apply传递的参数不一样，call传递参数arg1,arg2..形式apply必须数组形式[arg] 3.bind不回调用函数，可以改变函数内部this指向。 解析： call方法 改变函数内部this指向 call()方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的this指向。 写
call、apply和bind的区别
热门推荐
hmxs_hmbb的博客
05-04 1万+
面试会经常被问到哦！！！！！
解决@ant-design-vue/nuxt模块加载到许多没用到的组件，影响开发下加载速度的问题
清晰编程
11-12 62
升级命令：npm up @ant-design-vue/nuxt。解决方法：将该模块版本升级到1.4.6。
Javascript中Map与Set以及其常见遍历方式
警警的博客
11-12 550
在JavaScript中，Map和Set是两种非常重要的集合类型，它们提供了比传统对象（Object）和数组（Array）更强大和灵活的数据存储和操作方法。下面是对Map和Set的详细解释。
vue2面试题5|[2024-11-08]
m0_49474690的博客
11-08 955
关于vue2API的面试题
Vue中的常用指令
最新发布
m0_62388400的博客
11-12 711
指令（Directives）是 Vue 提供的带有的 特殊 标签。为啥要学：提高程序员操作 DOM 的效率。vue 中的指令按照不同的用途可以分为如下 6 大类：内容渲染指令（v-html、v-text）条件渲染指令（v-show、v-if、v-else、v-else-if）事件绑定指令（v-on）属性绑定指令 （v-bind）双向绑定指令（v-model）列表渲染指令（v-for）指令是 vue 开发中最基础、最常用、最简单的知识点。
Echarts 折线图
weixin_44443380的博客
11-08 262
解决方法：设置emphasis.lineStyle和折线图本身lineStyle相同即可。问题：鼠标悬停在折线图上，折线变粗。3、去掉 hover 折线变粗方法。
每天10个vue面试题(九)
不熬夜的臭宝的博客
11-08 617
一天10个vue面试题喽！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值