js中call、apply、bind的使用以及区别

最新推荐文章于 2024-05-09 15:15:12 发布
最新推荐文章于 2024-05-09 15:15:12 发布
阅读量31 收藏
点赞数 1
文章标签： javascript Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WppWhh/article/details/129219537
版权

首先我们要理解什么是call、apply以及bind，简而言之它们都是函数的一些方法

注意是函数的方法调用时需要使用函数对象进行调用

call方法

当函数对象调用call方法的时候该函数会立即执行，如果在call方法中传递一个对象当做参数的情况下，呢么该函数的this指向便不再指向window，而是指向传入的该对象，所以call方法可以用来改变函数的this执行，往后的参数便是函数接受的参数，形式是一个参数列表。

此处需要注意！！如果第一个参数传的是undefind或者null呢么该函数的this指向仍然是window，通过call方法改变的this指向只是临时改变一次该函数的this指向

apply方法

当函数对象调用apply方法时，该函数也会立即执行，接收两个参数，第一个参数用来改变函数的this指向，第二个参数也是函数接受的参数，区别于call方法不同的是，以数组的形式进行传入

此处需要注意！！如果第一个参数传的是undefind或者null呢么该函数的this指向仍然是window，通过apply方法改变的this指向只是临时改变一次该函数的this指向

bind方法

当函数对象调用bind方法时，函数不会立即调用，这点区别于call、apply方法，而是将函数做为返回值进行返回改变的是永久的this指向。第一个参数与call方法一致，用来接收改变this指向的对象，往后的参数也是函数接受的参数，形式为参数列表。

此处需要注意！！bind方法的参数列表可以分多次进行传入，而call方法的参数列表必须一次性传入

@Wpp
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
javascript中apply、call和bind的使用区别
11-28
在JS中，这三者都是用来改变函数的this对象的指向的，他们有什么样的区别呢。 在说区别之前还是先总结一下三者的相似之处： 1、都是用来改变函数的this对象的指向的。 2、第一个参数都是this要指向的对象。 3、都...
js call,apply和bind区别和使用场景
gqk01的博客
03-04 3525
在js中，所有的函数再被调用的时候都会默认传入两个参数，一个是this，还有一个是arguments。在默认情况下this都是指当前的调用函数的对象。但是有时候我们需要改变this的指向，也就是说使函数可以被其他对象来调用，那么我们应该怎样做呢？这时候我们就可以使用call,apply和bind方法了。 this指向 = 谁调用，指向谁（这是错误的！！！）this永远指向最后一个调用它的那个对象（正解） 如何解决this指向问题？ 1.使用ES6中箭头函数 2.函数内部使用_this = this 3.使用
Javascript 中 apply、call、bind用法汇总
weixin_44302503的博客
05-30 1398
apply、call 在 javascript 中，call 和 apply 都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变函数体内部 this 的指向。 JavaScript 的一大特点是，函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。 举个例子： function fruits() {} fruits.prototype = { color: "red", say: function() { console.log("
JavaScript进阶 —— 深入理解 call，apply 和 bind
金戈鐡馬
03-28 1484
在JavaScript 中，call、apply 和 bind 是 Function 对象自带的三个方法，这三个方法的主要作用是改变函数中的 this 指向，从而可以达到`接花移木`的效果。本文将对这三个方法进行详细的讲解，并列出几个经典应用场景。1、call。
js中call和apply,bind的区别
m0_50665842的博客
12-07 250
js中call和apply,bind的区别
javascript中call、apply、bind的区别
qq_63470301的博客
05-18 263
一、call、apply、bind的共同点 1、都是用来改变函数this对象的指向。 2、第一个参数都是this要指向的对象。 3、都可以利用后续参数进行传参 二、例子 //例子1 var data1 = { name:'我', time:'早上', eat:'馒头', fnc:function(){ console.log(this.name + this.time+ "吃的" + this.eat); } }; var param1 =
总结一下JavaScript 中apply、call、bind的使用方法
忧郁的蛋的专栏
02-25 1223
bind 方法与 apply、call 方法不同，它并不会立即调用函数，而是会返回一个新的函数，并且这个新函数的上下文（即 this 指向）被永久地绑定到了指定的对象上。call 方法与 apply 方法类似，也是允许你调用一个函数，并且手动设置函数的上下文（即 this 指向），但是它需要你手动传递一个参数列表，而不是一个参数数组。其中，thisArg 表示函数要绑定的上下文，arg1、arg2、... 是一些可选的参数，这些参数将在调用新函数时作为参数列表传递给原函数。这就是绑定的上下文被忽略的情况。
JS 中bind、call、apply的区别
魏晋-
05-10 587
和call/apply的功能类似，只不过bind修改this指向之后，返回的新函数不会自动执行，如果有需要，需要手动执行；而call和apply改变this之后，返回的新函数会自动执行。方法的功能：修改原函数的this指向，并执行这个新函数。call和aply的第二个（或大于2个）参数为fn传入的参数。用来修改函数的执行上下文(this)。执行时一个对象可以使用另一个对象的方法。
js中call,apply,bind如何使用，使用场景及区别
qq_40868156的博客
11-30 1387
call,apply,bind 怎么使用，有什么区别，call,apply,bind使用场景，手写 call,apply,bind, call,apply,bind区别
细说 call、apply 以及 bind 的区别和用法-详解
JackieDYH的博客
09-05 976
call 和 apply 的共同点 它们的共同点是，都能够改变函数执行时的上下文，将一个对象的方法交给另一个对象来执行，并且是立即执行的。 为何要改变执行上下文？举一个生活中的小例子：平时没时间做饭的我，周末想给孩子炖个腌笃鲜尝尝。但是没有适合的锅，而我又不想出去买。所以就问邻居借了一个锅来用，这样既达到了目的，又节省了开支，一举两得。 改变执行上下文也是一样的，A 对象有一个方法，而 B 对象因为某种原因，也需要用到同样的方法，那么这时候我们是单独为 B 对象扩展一个方法呢，还是借用一下 A 对象
Js中Call，apply，bind的用法和区别
qq_51724721的博客
07-14 222
Call是一个方法，是函数的方法 所以call的作用为改变this的指向，当然一定伴随着的是调用函数： 在这里简单的说就是让fun（）和 cat（）建立起了联系 如果想传入多个参数，就继续往后加Apply和call的用法一样。唯一的区别只是传参的方式 apply传参是数组形式： dog.food.apply(cat,[‘bone’, ‘fish’])dog.food.bind(cat,[‘bone’, ‘fish’]) 如果你单用bind，他不会有输出，因为它不会调用函数call回调用，而是把函数值的函数
javascript中apply/call和bind的使用
10-20
本文主要介绍了javascript中apply/call和bind的使用。具有很好的参考价值，下面跟着小编一起来看下吧
原生JS实现 call apply bind
01-08
call apply bind 的 区别 call apply方法都是在调用之后立即执行的，而bind是返回原函数，需要再调用一次才能执行 传参方式的区别 var newFn1 = fn1.bind(newObj,arg1,arg2....); bind 第一个参数为需改变的新指向...
Javascript中call，apply，bind方法的详解与总结
10-20
本文主要Javascript中call，apply，bind方法的进行全面分析，并在文章结尾对call，apply，bind方法的联系和区别做了总结，具有很好的参考价值，需要的朋友一起来看下吧
基于Springboot的旅游管理系统（有报告）。Javaee项目，springboot项目。
XING的博客
05-03 1308
基于Springboot的旅游管理系统（有报告）。Javaee项目，springboot项目。数据库作为系统数据储存平台，实现了基于B/S结构的Web系统。界面简洁，操作简单。采用M（model）V（view）C（controller）三层体系结构，通过。
使用 js 类封装项目中音频播放功能的工具方法utils
qq_40868156的博客
05-07 195
封装音频播放功能的工具方法，js，es6，前端，工程化
vue3引入element-plus完整步骤
zzx262625的博客
05-06 430
如果你的项目需要在低版本浏览器上运行，你可能需要使用一些转换工具（如Babel、ESBuild）和polyfill来确保兼容性。在你的Vue项目中配置一个编译器（如Vue CLI、Vite等），然后运行你的项目。你可以尝试在你的组件中使用一些Element Plus的组件来确保它们正常工作。使用npm（或cnpm，如果你在中国并且希望使用淘宝的npm镜像）来安装Element Plus。这样，你就可以在你的Vue组件中使用Element Plus的图标了。在你的Vue 3项目的入口文件（通常是。
TypeScript — 泛型
最新发布
一只想躺平却不敢躺平的小菜鸟
05-09 133
TypeScript —— 泛型
vue3 element-plus表单form验证规则设置的require:true无效
qq_33225414的博客
05-08 172
【代码】vue3 element-plus表单form验证规则设置的require:true无效。
js call apply bind区别
04-10
call、apply、bind都是JavaScript中用于处理函数调用的方法。call和apply的作用是改变函数中this的指向，call传参是一个一个的传，apply是将参数打包成数组传递。bind方法不是立即执行函数，而是用来生成一个新的函数，新函数的this值被绑定到指定的对象，而不是被隐式绑定。同时，bind方法也支持预设参数，返回一个可以延迟调用的函数。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值