js函数执行call()和apply()

最新推荐文章于 2024-03-21 09:27:11 发布

原创最新推荐文章于 2024-03-21 09:27:11 发布 · 369 阅读

0 ·

CC 4.0 BY-SA版权

call()和apply()的共同点

1-都是函数对象的方法，需要通过函数对象调用。

2-当函数调用call()和apply()都会执行

3-在调用call()和apply()时，可以将一个对象指定为第一个参数传进去，此时这个对象会变成函数执行时的this

call()和apply()的区别

call()可以将参数实参在对象之后依次传递，列如下

fun.call(obj,2,3,3)

apply()需要将实参封装到一个数组中统一传递，列如下

fun.apply(obj,[2,3,3])

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qwguanbin

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

深入理解 JavaScript 中的 call、apply 和 bind

vvilkin的学习备忘

02-28

1474

call、apply 和 bind 是 JavaScript 中非常重要的方法，它们通过显式地改变 this 的指向，提供了更灵活的函数调用方式。理解它们的区别和实现原理，可以帮助我们更好地掌握 JavaScript 的函数执行机制，并在实际开发中灵活运用。

函数调用：call

citywanderer2005的专栏

06-14

1446

(说明：采用nasm语法，;冒号表示后面的为注释)stdcall调用约定stdcall很多时候被称为pascal调用约定，因为pascal是早期很常见的一种教学用计算机程序设计语言，其语法严谨，使用的函数调用约定就是stdcall。在Microsoft C++系列的C/C++编译器中，常常用PASCAL宏来声明这个调用约定，类似的宏还有WINAPI和CALLBACK。stdcall

参与评论您还未登录，请先登录后发表或查看评论

使用 apply 调用函数

ScutKevinYzy的博客

03-25

466

实现函数 callIt，调用之后满足如下条件 1、返回的结果为调用 fn 之后的结果 2、fn 的调用参数为 callIt 的第一个参数之后的全部参数 function callIt(fn) { var args=Array.prototype.slice.call(arguments,1); var res

js中的call()和apply()的使用

Alive_m的博客

07-04

305

js中call()和apply()的使用

python apply()函数

python学习者的博客

10-09

1034

python apply函数的具体的含义： apply(func [, args [, kwargs ]]) 函数用于当函数参数已经存在于一个元组或字典中时，间接地调用函数。args是一个包含将要提供给函数的按位置传递的参数的元组。如果省略了args，任何参数都不会被传递，kwargs是一个包含关键字参数的字典。 apply()的返回值就是func()的返回值，apply()的元素参数是有序的，...

【JavaScript】[bind，call，apply] (function cal(){}());声明函数立即执行

weixin_30407099的博客

08-25

306

---恢复内容开始--- 1、js 里函数调用有 4 种模式：方法调用、正常函数调用、构造器函数调用、apply/call 调用。同时，无论哪种函数调用除了你声明时定义的形参外，还会自动添加 2 个形参，分别是 this 和arguments。2、apply：apply 函数接收 2 个参数，第一个是传递给这个函数用来绑定 this 的值，第二个是一个参数数组。call和apply的存在是为了改...

JS中call和apply函数用法实例分析

12-01

在JavaScript中，`call` 和 `apply` 是两种非常重要的函数调用方式，它们都用于改变函数执行时的上下文（即 `this` 指向），并允许你在不同的对象上使用同一个函数，实现了对象间的继承。下面我们将深入探讨这两个...

详解JavaScript函数callee、call、apply的区别

10-17

JavaScript中的`callee`、`call`和`apply`都是与函数有关的重要概念，它们提供了不同的方式来处理函数调用和上下文。以下是这三个特性的详细解释： **arguments.callee** `arguments.callee`是一个在函数内部可以...

Javascript中call和apply函数的比较和使用实例

12-11

在JavaScript中，`call()` 和 `apply()` 是两种非常重要的函数调用方式，它们都用于改变函数内部 `this` 的指向。尽管它们的作用相似，但使用方式略有不同。 `call()` 方法允许你调用一个函数，并指定这个函数的 `...

函数的方法——call()与apply()

qq_46168757的博客

10-22

317

函数也是对象，所以函数也有他们的方法！ call()和apply() 1.这两个方法都是函数对象的方法，所以需要通过函数对象来调用 2.当对函数调用call()和apply()，都会调用函数执行 3.在调用call()和apply()可以将第一个对象指定为第一个参数此时这个对象会成为函数执行时的this function fun(){ alert('我是fun函数')； } fun；//函数对象 fun()；//函数返回值所以这里我们用fun.call(); fun.apply();来进行

mybatis中LambdaQueryWrapper高级特性

u014723730的博客

03-21

1584

在这个例子中，FIND_IN_SET被用于检查req.getDeviceNo()（可能是某个设备编号）是否在device_ids字段中。这里使用了MySQL的FIND_IN_SET函数。需要注意的是，使用apply方法直接添加原生SQL片段可能会增加SQL注入的风险，因此在使用时要确保传入的参数是安全的，或者考虑使用其他更安全的方法来构建查询条件。综上，这段代码的主要目的是在数据库中查找那些其device_ids字段包含req.getDeviceNo()值的AlarmRuleEventMerge实体。

querywrapper按日期范围查

web13618542420的博客

03-08

3336

QueryWrapper qw = new QueryWrapper(); qw.apply(“DATE(createtime) >= STR_TO_DATE(’”+rqq+" 00:00:00’,’%Y-%m-%d %H:%i:%s’)"); qw.apply(“DATE(createtime) <= STR_TO_DATE(’”+rqz+" 23:59:59’,’%Y-%m-%d %H:%i:%s’)"); Page page = new Page<>(pageIndex, pa

JS高级——实现apply、call、bind函数

@SCY

05-14

4627

实现apply、call、bind函数原理

详解 JS 函数的 call、apply 及 bind 方法

奕玄的个人博客

08-29

424

都能够改变目标函数执行时内部 this 的指向；方法的第一个参数用于指定函数执行时内部的 this 值；支持向目标函数传递任意个参数；若不向方法的第一个参数传值或者传递 undefined、null，则在 JavaScript 正常模式下，目标函数内部的 this 指向 window 对象，严格模式下，分别指向 undefined、null。

JavaScript中bind、call、apply方法的简单运用

欢迎大家交流前端开发技术、经验及各种知识沉淀

09-06

345

bind是ES5新增的一个方法（IE6,7,8不支持）,bind() 方法与 apply 和 call 很相似，也是可以改变函数体内 this 的指向。不会执行对应的函数，call或apply会自动执行对应的函数返回对函数的引用

js中用call()方法调用函数

心中有侠

07-17

1万+

var each = function(array,fn){ for(var index in array){ fn.call(null,index,array[index]); } } each([4,20,3],function(index,ele){ document.write("第"+index+"个元素是"+ele+"<br />"); } ) 在each...

使用apply调用函数

qq_42488433的博客

11-01

647

题目描述实现函数 callIt，调用之后满足如下条件 1、返回的结果为调用 fn 之后的结果 2、fn 的调用参数为 callIt 的第一个参数之后的全部参数示例1 输入复制无输出复制无 1.用迭代 function callIt(fn) { var args = []; for(i=1;i<arguments.length...

什么是 call 函数？ call 函数的用法？ call 函数的实现原理(实例演示)

最新发布

11-26

在 JavaScript 中，`call` 和 `apply` 是函数对象的两个内置方法，它们用于 **显式地指定函数执行时的 `this` 值**，并调用该函数。它们的主要作用是改变函数的上下文（context），常用于借用方法、函数复用和实现继承等场景。 --- ### ✅ 共同点 - 都能立即执行函数 - 都可以指定函数运行时的 `this` 值 - 都可用于函数借用和参数传递 --- ## 🔧 1. `function.call(thisArg, arg1, arg2, ...)` 语法： ```js func.call(thisArg, arg1, arg2, ...); ``` - `thisArg`：设置 `func` 内部 `this` 的值 - 参数以 **逐个列出** 的形式传入 ### 示例： ```javascript function greet(greeting, punctuation) { console.log(`${greeting}, I'm ${this.name}${punctuation}`); } const person = { name: 'Alice' }; greet.call(person, 'Hello', '!'); // 输出: Hello, I'm Alice! ``` --- ## 🔧 2. `function.apply(thisArg, [argsArray])` 语法： ```js func.apply(thisArg, [arg1, arg2, ...]); ``` - `thisArg`：同上 - 第二个参数是一个 **数组或类数组对象**，表示要传给函数的参数列表 ### 示例： ```javascript function greet(greeting, punctuation) { console.log(`${greeting}, I'm ${this.name}${punctuation}`); } const person = { name: 'Bob' }; greet.apply(person, ['Hi', '?']); // 输出: Hi, I'm Bob? ``` --- ## ✅ 核心区别总结 | 特性 | `call` | `apply` | |------|--------|---------| | 参数传递方式 | 逐个传参：`call(this, a, b, c)` | 数组传参：`apply(this, [a, b, c])` | | 使用场景 | 参数数量固定已知 | 参数是数组或动态获取 | --- ## 🔄 如何互相模拟？ ### 使用 `apply` 模拟 `call` ```js Function.prototype.myCall = function (thisArg, ...args) { return this.apply(thisArg, args); }; ``` ### 使用 `call` 模拟 `apply`（需要借助 `arguments` 或展开） ```js Function.prototype.myApply = function (thisArg, args) { return this.call(thisArg, ...args); }; ``` > 注意：现代 JS 中可以用扩展运算符轻松转换 --- ## 💡 实际应用案例 ### 1. 借用数组方法（处理类数组） ```js function logArgs() { const args = Array.prototype.slice.apply(arguments); // 将 arguments 转为数组 console.log(args); } logArgs(1, 2, 3); // [1, 2, 3] ``` ### 2. 继承：构造函数继承 ```js function Parent(name) { this.name = name; } function Child(name, age) { Parent.call(this, name); // 借用父构造函数 this.age = age; } const child = new Child('Tom', 10); console.log(child); // { name: 'Tom', age: 10 } ``` ### 3. Math.max 处理数组 ```js const numbers = [5, 2, 8, 1]; console.log(Math.max.apply(null, numbers)); // 8 // 等价于 Math.max(...numbers) —— 现代写法 ``` --- ## ⚠️ 注意事项 - 如果 `thisArg` 是 `null` 或 `undefined`，非严格模式下 `this` 指向全局对象（浏览器中是 `window`），严格模式下就是传入的值。 - 在 ES6+ 中，推荐使用 **扩展运算符** 替代 `apply` 来传数组： ```js Math.max(...[1, 2, 3]); // 更简洁 func.call(obj, ...args); // 替代 apply ``` ---