call,apply,bind区别

已于 2024-03-20 23:33:12 修改
阅读量126 收藏
点赞数
文章标签： javascript
于 2021-12-28 10:44:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45201530/article/details/122187061
版权
本文详细介绍了JavaScript中this的用法，以及call、apply和bind这三个方法如何改变this的指向。它们都可以接收参数，call和apply的区别在于传递参数的方式，call直接放入逗号隔开的参数，apply则需放入数组。值得注意的是，bind返回一个未执行的新函数，而call和apply会立即执行。理解这些概念对于JavaScript开发者至关重要。
摘要由CSDN通过智能技术生成

这里写自定义目录标题

作用

三者都是用来改变this的指向。可以不用传this，接受的参数即是this指向。都是Object.prototype上的属性

传参

call和bind参数直接放进去，用逗号隔开，第一个参数为执行的实例，
apply的参数只能放在数组里面。call和apply立即执行

注意

bind返回的是一个function（未执行的）

weixin_45201530
关注
call apply bind的作用和区别
XIAXING123的博客
03-15 2261
1.call apply bind 的作用和区别 作用： 都可以改变函数内部的this指向。 区别点： 1.call和apply会调用函数，并且改变函数内部this指向。 2.call和apply传递的参数不一样，call传递参数arg1,arg2..形式apply必须数组形式[arg] 3.bind不回调用函数，可以改变函数内部this指向。 解析： call方法 改变函数内部this指向 call()方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的this指向。 写
原生JS实现 call apply bind
01-08
call apply bind 的 区别 call apply方法都是在调用之后立即执行的，而bind是返回原函数，需要再调用一次才能执行 传参方式的区别 var newFn1 = fn1.bind(newObj,arg1,arg2....); bind 第一个参数为需改变的新指向...
call apply bind 区别与联系
weixin_47075145的博客
08-25 618
分析：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区别
u012174809的专栏
05-08 165
解决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.
call、apply和bind的区别
热门推荐
hmxs_hmbb的博客
05-04 1万+
面试会经常被问到哦！！！！！
call apply bind 区别
m0_58729897的博客
10-05 126
call apply bind 区别 相同点 call apply bind 都可以进行传参，更改this的指向 区别 call apply 的区别在于传参，call传参时是以参数的形式进行的，除第一个是进行this改变指向的，之后的每一个都是进行传参的 apply的传参是以数组的形式进行的，有两个参数，第一个是改变this的指向，第二个是一个数组的形式进行传参 call apply和band的区别 band 调用时自己创建了一个函数称为绑定函数，band函数中的第一个参数作为更改this指向的函数之后的
实现 call apply bind
呵呵，到处看看
02-07 760
// call apply bind 都是 function 原型上的方法 // call 传入 this指向的对象 传入参数 列表 Function.prototype.myCall = function (context,...args){ if (context===null||typeof context === undefined){ context = window //如果 context 传入 null 或 undefined 则 this 指向 window } //传
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.
bind、call、apply区别
qq_46131492的博客
12-15 3072
在JavaScript中，call、apply和bind是Function对象自带的三个方法，这三个方法的主要作用是改变函数中的this指向。 call、apply、bind方法的共同点和区别：apply、call、bind三者都是用来改变函数的this对象的指向的；apply、call、bind三者第一个参数都是this要指向的对象，也就是想指定的上下文（函数的每次调用都会拥有一个特殊值——本次调用的上下文（context）——这就是this关键字的值。）；apply、call、b...
apply、call、bind作用与区别
prayszll的博客
04-26 334
call、apply、bind的作用都是改变函数运行时的this指向。bind和call、apply在使用上有所不同。
Js call apply bind区别
aimeizi1314的博客
09-17 199
参考https://github.com/lin-xin/blog/issues/7 Call/Apply ECMAScript 规范给所有函数都定义了 call 与 apply 两个方法 区别： 两者区别在于所传参数不一样，apply参数是单个数组，call是一系列参数； 作用： 改变了this的指向； 借用其他函数的方法，比如常用的Array,property....
开启Javascript中apply、call、bind的用法之旅模式
10-23
为了控制函数的this指向，JavaScript提供了apply、call以及bind方法。以下详细解释了apply、call以及bind的用法，并通过实例加深理解。 1. apply()和call()方法 apply()和call()方法都用于指定函数体内this的值。...
计算机毕业设计之：基于微信小程序的诗词智能学习系统（源码+文档+解答）
程序员阿龙的博客
09-22 4446
博主介绍： ✌我是阿龙，一名专注于Java技术领域的程序员，全网拥有10W+粉丝。作为CSDN特邀作者、博客专家、新星计划导师，我在计算机毕业设计开发方面积累了丰富的经验。同时，我也是掘金、华为云、阿里云、InfoQ等平台的优质作者。通过长期分享和实战指导，我致力于帮助更多学生完成毕业项目和技术提升。 技术范围： 我熟悉的技术领域涵盖SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等方
基于JavaWeb开发的Java+SpringMvc+vue+element实现驾校管理系统详细设计
央顺科技官方博客
09-24 842
机遇与挑战始终并存。在开放的互联网平台面前，驾校预约管理系统的信息管理面临着巨大的挑战。传统的管理模式局限于简单数据的管理，无法适应不断变化的市场格局。在早期阶段，在将计算机技术和网络技术融入驾校预约管理系统数据管理方法之前，所有管理方式都通过人工操作完成了管理信息的。系统管理也都将通过计算机进行整体智能化操作，对于驾校预约管理系统所牵扯的管理及数据保存都是非常多的，举例像所有详细信息包括，管理员；首页、个人中心、学员管理、驾校教练管理、驾校车辆管理、预约管理、取消预约管理、驾校公告管理、系统管理。
vue上传预览CAD文件
只会写bug
09-24 558
如果选择的是 Three.js，那么可以创建一个场景来加载和显示模型。如果是用特定的 CAD 查看器库，则按照其文档进行集成即可。根据具体需求和技术能力，可以选择最适合的解决方案来实现 CAD 文件的上传和预览功能。
基于Springboot+Vue的高校教室资源管理系统的设计与实现（含源码+数据库）
m0_59480939的博客
09-25 218
这个系统有三个角色：管理员、学生和教师。管理员可以在前台查看教室信息列表并进行预约，而在后台可以管理学生、教师、教室类型、教室信息、教室预约、系统公告和轮播图等模块，支持新增、查看、修改、删除和审核等操作。系统支持管理员后台登录，但不支持学生和教师后台登录，学生和教师则支持前台注册与登录，而管理员不支持前台登录和注册。数据库版本: mysql5.7或8.0。JDK版本: Java JDK1.8。开发系统:Windows10/11。数据库可视化工具: navicat。架构模式:MVC/前后端分离。
vue单点登录异步执行请求https://xxx.com获取并处理数据
最新发布
m0_65360496的博客
09-27 144
vue单点登录异步执行请求https://xxx.com获取并处理数据
方法论大师 JavaScript 版本
PlayerYK的专栏
09-25 196
无论什么行业、什么问题，都会有一群人擅长通过简单的拼凑和归纳，炮制出一套“高深”的方法论。这些方法论通常看似逻辑严密、层层递进，实则全是空洞的概念堆砌，毫无实质作用。最搞笑的是，他们居然能为任何事物总结出一个“公式”，让人乍一看觉得有理，仔细思考后发现不过是披着华丽外衣的废话。是不是开始觉得这些“方法论大师”其实并没有提供真正有价值的建议？如果你也曾被这些空洞的概念忽悠过，那么来吧，我为你提供一个...
第 28 章 Javascript错误处理与调试
weixin_44010641的博客
09-23 1368
JavaScript 在错误处理调试上一直是它的软肋，如果脚本出错，给出的提示经常也让人摸不着头脑。ECMAScript 第 3 版为了解决这个问题引入了 try…catch 和 throw 语句以及一些错误类型，让开发人员更加适时的处理错误。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值