apply()、call()、bind()的区别

最新推荐文章于 2023-04-26 21:27:32 发布
最新推荐文章于 2023-04-26 21:27:32 发布
阅读量116 收藏
点赞数
分类专栏： 前端 笔记 文章标签： javascript js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43736435/article/details/116356913
版权
本文详细介绍了JavaScript中Function.prototype.apply(), Function.prototype.call(), 和 Function.prototype.bind()的区别。apply方法通过数组形式传入参数，call方法通过参数列表传入，bind则返回一个绑定指定this和初始参数的新函数。" 102668649,8728585,SDIO协议：SD卡读写与数据传输模式详解,"['SD卡', '读写SD卡', '数据传输', '嵌入式硬件']
摘要由CSDN通过智能技术生成

Function.prototype.apply()

MDN：apply() 方法调用一个具有给定this值的函数，以及以一个数组（或类数组对象）的形式提供的参数。

  • 调用有指定this值和参数的函数，返回的是结果，这点与call相同。
  • 与call()相比接收的参数是参数数组。
func.apply(thisArg, [argsArray])

Function.prototype.call()

MDN：call() 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。

  • 调用有指定this值和参数的函数，返回的是结果，这点与apply相同。
  • 与apply()相比接收的参数是参数
最低0.47元/天 解锁文章
onpine
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js代码-generator apply call bind
07-16
在JavaScript编程中，`generator`、`apply`、`call`和`bind`是四个非常重要的概念，它们各自扮演着不同的角色，对于理解和编写高效、灵活的代码至关重要。接下来，我们将详细探讨这些知识点。 首先，`generator`是...
apply、call、bind小结
zlingyun的博客
10-24 464
相似点 首先，这三个都是用来改变函数的this对象的指向的； 然后，他们第一个参数都是要指向的对象； 最后，后续的参数用来传参。 区别之处 有个例子特别好： var xw = { name : "小王", gender : "男", age : 24, say : function() { alert(th...
Javascript中apply、call、bind
caowen414的专栏
03-27 378
在JS中，这三者都是用来改变函数的this对象的指向的，他们有什么样的区别呢。 在说区别之前还是先总结一下三者的相似之处： 1、都是用来改变函数的this对象的指向的。 2、第一个参数都是this要指向的对象。 3、都可以利用后续参数传参。 那么他们的区别在哪里的，先看一个例子。                 var xw = {                        
利用apply来改变API的传参方式
Hello World
08-15 459
apply可以改变传递给函数参数的形式 MDN:apply() 方法调用一个具有给定this值的函数，以及作为一个数组（或类似数组对象）提供的参数。 注意：call()方法的作用和 apply() 方法类似，区别就是call()方法接受的是参数列表，而apply()方法接受的是一个参数数组。 MDN之apply的详解 妙用： 1、可以使用push将元素追加到数组中。因为push接受可变数量的参数，利用apply可以一次推送多个元素。 var arr= [1,2,3]; arr.push.apply(arr,
实习项目中的知识点和经验总结（四）：理解和使用事件绑定bind及bind、call、apply 改变函数中this的指向
qq_34768846的博客
08-04 162
apply JavaScript Demo: Function.apply() call bind
浅谈JS中call()和apply()的区别和用途？
u010227042的博客
04-03 1477
在JavaScript中，this指向问题一直是一个老生常谈的问题。很多小伙伴应该都知道在js中，this指向哪里通常是在函数调用的时候才确定的，简单来说就是谁调用了函数则this指向谁，当然，这只是狭义的，更加详细的介绍大家可以去看《你不知道的Javascript》这本书。call()和apply()这两个方法的作用可以简单归纳为改变this指向，从而让我们的this指向不在是谁调用了函数就指向谁。
js中apply()的用法，及apply()和call()的区别
喵大嗷的博客
01-04 669
一、先说说apply() 在MDN上面是这么解释的: The apply() method calls a function with a given this value, and arguments provided as an array (or an array-like object). //该apply()方法调用具有给定this值的函数，并arguments以数组（或
js中的apply方法并模拟实现自己的apply方法
前端三脚猫的博客
06-20 1119
apply方法 定义 call()方法，在mdn中的定义： apply() 方法调用一个具有给定this值的函数，以及以一个数组（或类数组对象）的形式提供的参数。（它的作用和使用和call方法一致，唯一的区别就是call方法传递的是一个个参数的列表，apply方法传递的是参数的数组集合。Call方法详细请看call方法解析） 语法 func.apply(thisArg, [argsArray]) apply方法传递两个参数，第一个参数传递的是所要改变指向的值(当该函数处于非严格模式下，则指定为 null 或
深入理解JavaScript中的call、apply、bind方法的区别
10-22
下面小编就为大家带来一篇深入理解JavaScript中的call、apply、bind方法的区别。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Javascript中call，apply，bind方法的详解与总结
10-20
本文主要Javascript中call，apply，bind方法的进行全面分析，并在文章结尾对call，apply，bind方法的联系和区别做了总结，具有很好的参考价值，需要的朋友一起来看下吧
javascript中call,apply,bind函数用法示例
10-20
在JavaScript中，`call`, `apply`, 和 `bind` 是三个非常重要的函数，它们都用于改变函数内部 `this` 的指向。下面将详细介绍这三个函数的功能、使用方法以及它们之间的区别。 1. **call() 函数** `call()` 函数...
浅谈javascript中的call、apply、bind
10-22
主要为大家详细介绍了javascript中的call、apply、bind方法，感兴趣的朋友可以参考一下
call ,apply和bind方法 详解
06-19 3万+
JavaScript 函数call、apply和bind的区别和用法详解
bind、call、apply 区别
weixin_40856652的博客
04-20 2万+
一、bind、call、apply的作用 关于call、apply、bind函数，它们主要用来改变this指向的，在很多框架中常有用到，而且也是面试官喜欢问到的问题：多数会问道三者的区别， 以及手动实现它们。 call的用法 fn.call(thisArg, arg1, arg2, arg3, ...) 调用fn.call时会将fn中的this指向修改为传入的第一个参数thisArg；将后面的参数传入给fn,并立即执行函数fn。 let obj = { name: "xiaoming",
call、bind、apply三者的区别
nanxun201314的博客
04-26 8055
当一个函数作为构造器使用时(通过 new 关键字), 它的 this 值绑定到新创建的那个对象。3、如果你在声明一个变量的时候没有使用var或者let、const(es6),你就是在给全局的this添加或者改变属性值。this改变为obj了，但是绑定的时候立即执行，当触发点击事件的时候执行的是fn的返回值undefined。对于函数中的this的指向问题，有一句话很好用：运行时this永远指向最后调用它的那个对象。bind会把fn中的this预处理为obj，此时fn没有执行，当点击的时候才会把fn执行。
call、apply、bind详细讲解
m0_60273757的博客
12-07 1518
call、apply、bind详细讲解,从小白的思维出发，更加好理解！
全屏API JS MDN
学习笔记
04-19 510
参阅： https://developer.mozilla.org/en-US/docs/Web/API/Element/requestFullScreen
apply()方法
热门推荐
明知迷途，从未折返
11-01 3万+
说明： 本博客内容摘自MDN，防止用的时候打不开 作用：apply( ) 方法调用一个具有给定this值的函数，以及作为一个数组（或类似数组对象）提供的参数。 参数 ： 一共有2个参数，均为可选参数 第一个参数： this指向。（this可能不是该方法看到的实际值：如果这个函数处于非严格模式下，则指定为 null 或 undefined 时会自动替换为指向全局对象，原始值会被包装。） 第二个参数：...
出现警告：warning Replace `'xxx'` with `"xxx"` prettier/prettier，关闭Prettier代码格式化工具
weixin_43736435的博客
05-01 2万+
我们用Vue-Cli脚手架新建项目时会选择使用ESLint + Prettier来统一我们的前端代码风格，但这对新手使用有很大困难，严格的格式要求容易出现很多警告和错误，这时最好关闭Prettier。 在.eslintrc.js文件中配置关闭Prettier； 在rules中增加一行："prettier/prettier": "off" ...
apply call bind
最新发布
05-12
`apply`, `call`, 和 `bind` 都是 JavaScript 中用于调用函数的方法。 `apply` 和 `call` 都是用来改变函数执行时的上下文（即 this 的指向）的。它们的第一个参数都是要绑定给 this 的值。`apply` 的第二个参数是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值