call和apply使用说明

最新推荐文章于 2022-07-21 22:17:55 发布
原创 最新推荐文章于 2022-07-21 22:17:55 发布 · 252 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript 

//定义程序员对象
var programmer = {
	name: '程序员',
	programming: function(ablity1,ablity2,ablity3){
		console.log(`${this.name}编程`);
		console.log(`更多技能: ${ablity1}、${ablity2}、${ablity3}、`)
	}
}

//定义外卖对象
var delivery = {
	name: '外卖员',
	sendFood: function(){
		console.log(`${this.name}送餐`)
	}
}
programmer.programming();//程序员编程
delivery.sendFood();//外卖员送餐
//使用call及apply改变this的指向
programmer.programming.call(delivery);//外卖员编程
programmer.programming.apply(delivery);//外卖员编程
//传参
programmer.programming.call(delivery,'炒菜','弹钢琴','换轮胎');
programmer.programming.apply(delivery,['炒菜','弹钢琴','换轮胎'])
/**
 * 总结
 * call和apply的作用都是改变this作用域，都是在特定作用域中调用函数。
 * 当一个对象没有某个方法，而其他对象有，我们就可以使用call或apply实现某个方法的复用。
 * call和apply使用方法基本相同，唯一不同之处就是它们的参数规则：call方法接受一个参数列表，而apply方法接受一个包含多个参数的数组。
 * **/
Javascript call和apply区别及使用方法
12-11
说明：call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisArg 指定的新对象。如果没有提供 thisArg参数，那么 Global 对象被用作 thisArg。 apply方法：...
精选资源
JavaScript中的call方法和apply方法使用对比
01-19
call方法: 语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义：调用一个对象的一个方法，以另一个对象替换当前对象。 说明： call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象...
JS Call()与Apply()
fendou4533的专栏
07-08 632
转  http://www.cnblogs.com/itstone/archive/2012/07/23/call.html ECMAScript规范给所有函数都定义了Call()与apply()两个方法，call与apply的第一个参数都是需要调用的函数对象，在函数体内这个参数就是this的值，剩余的参数是需要传递给函数的值，call与apply的不同就是call传的值可以是任意的，而
call()和apply()的使用方法
m0_51349355的博客
07-30 196
call和apply 作用：改变this的指向 语法： .call(对象,参数) 更改对应的this执行 将其对应的this执行 执行参数对象 参数1 (对象) ：更改this指向的对象 参数2 (参数) :当前方法需要的参数 .apply(对象,[1,2,3])更改对应的this执行 将其对应的this执行 执行参数对象 将参数改成数组传递 function Student(name,age){ this.name=name ...
call 和 apply 的使用
TO_Web的博客
02-20 448
call() 和 apply() 方法的使用 call() 和 apply() 这两个方法都是函数对象的方法, 需要通过函数对象来调用 当对函数调用apply() 和 apply() 都会调用函数执行 在调用call() 和 apply() 可以将一个对象指定为第一个参数, 此时这个对象将会成为函数执行的this call() 方法可以将实参在对象之后依次传递 apply() 方法需要将实参封装到一个数组中统一传递 this的情况 以函数形式调用时, this永远都是window 以方法的形式调用时,
JS中的call、apply在干什么
YNEWA的博客
05-22 415
前言 网上的解释多是说改变 this 的指向，此说法没错，但肯定没这么简单。 1、改变this指向 对JavaScript的
JS中call与apply的作用及区别
xiemingmei的专栏
10-12 247
call与apply作用是一样的，就是改变执行时函数内this的值。 它们方法传递的参数形式不同： foo.call(this, arg1,arg2,arg3) == foo.apply(this, [arg1,arg2,arg23])==this.foo(arg1, arg2, arg3) 例子：[code="javascript"]var name = 'window'; ...
javascript中apply和call方法的作用及区别说明
12-10
一、call和apply的说明 1、call，apply都属于Function.prototype的一个方法，它是JavaScript引擎内在实现的，因为属于Function.prototype，所以每个Function对象实例(就是每个方法)都有call，apply属性。既然作为...
JavaScript中apply与call的用法意义及区别说明
01-19
apply和call，它们的作用都是将函数绑定到另外一个对象上去运行，两者仅在定义参数的方式有所区别： Function.prototype.apply(thisArg,argArray);...下面的代码说明了apply和call方法的工作方式： 代码如下: //定义一
js Apply 和call 的作用及区别
dongruanxiaoyu的博客
05-25 1229
** Apply 和call 的作用及区别 ** Call和apply的作用都是强制改变this的指向 Call和apply的区别在于传参时的不同，call和apply的的第一个参数都是对象,第二个参数call传的是单个参数， 而apply传的是一个数组或者是一个参数 当this没有指向时，this指向window function show(a, b) { console.log(this);//window console.log(a,b);//1,2 } show(1,2); 当用
JavaScript call和apply的作用和妙用
FAFA的博客
08-19 733
Call 劫持另外一个对象的方法，继承另外一个对象的属性. Function.call(obj,[param1[,param2[,…[,paramN]]]]) obj：这个对象将代替Function类里this对象 params：这个是一个参数列表 function animal(name,age){ this.name = name; this.ag...
js call apply用来干嘛 有什么区别
11-25 921
call 和 apply可以借用别的对象的方法 比如obj1没有say方法，通过call和apply之后即可借用say方法，而区别则是call第二个参数是字符串，多个用逗号分隔， 比如 call(obj1, 'name', 'sex') 而apply多个参数是用一个数组把参数传递进去。 比如apply(obj1, ['name','sex']) let obj = { name:...
javascript之call与apply用法
lixiaotao_1的博客
11-01 156
        window.firstName = "li_";          window.lastName = "tao";         var myObject = {firstName:'my', lastName:'Object'};         function getName(){             console.log(this.firstName + t...
JS——call()和apply()的用法
AwsuEver
09-23 709
在上一篇文章中我们对js中的this指向问题进行了介绍，其中涉及到call()和apply()方法,在这篇文章中，我们将对call()和apply()进行探讨； 首先我们来说说这两种方法的共同点： 1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。 2.这两个方法的作用是一样的。 都是在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行...
js中call 与apply的作用与区别
sugar__amai的博客
07-21 181
js中call 与apply的作用与区别
js 中call()与apply()区别与常见用途
没有感情的代码机器的博客
05-24 493
在JS中Function原型定义了两个方法，分别是Function.prototype.call和Function.prototype.apply。 call与apply的区别 Function.prototype.call和Function.prototype.apply的作用是一样的，区别在于传入参数形式的不同。 apply接受两个参数，第一个参数指定了函数体内this对象的指向，第二个参数...
js中call和apply的作用和区别
weixin_44456621的博客
06-08 461
js中call和apply的作用和区别call和applycallapplycall和apply的区别想指哪就指哪 call和apply call和apply的作用是在改变函数中this的指向对象。 在普通函数中this指向window function fn (){ console.log(this);// 普通函数中 this 指向window } fn() 打印情况： call function fn (){ console.log(this);// 此时
JavaScript中的call和apply以及bind方法的用法和用途
yanli291的博客
10-13 244
1.call和apply会立即执行，bind会返回一个函数，需要进一步出发或者添加（）立即触发。2.call和bind将剩余参数陈列出来，apply将剩余参数放入一个数组。3.当为绑定事件修改this指向，等待下一个时机出发时。2.当待使用的数据为数组时，考虑apply。1.通常情况下可以用call直接完成任务。
js中的call和apply用法总结
ing的博客
02-22 305
call()方法 第一个参数和apply()方法的一样，但是传递给函数的参数必须列举出来。
call和apply的用法和区别
最新发布
08-14
<think>首先，用户的问题是：“call和apply的用法和区别”，这指的是JavaScript中的call和apply方法。我需要用中文回答。 我的回答结构： 1. 解释call和apply的用法。 2. 解释它们的区别。 3. 在回答末尾，必须添加“§§相关问题§§”行，然后列出3-5个相关问题。 4. 相关问题必须基于用户的问题和我的回答。 关键点： - 回答必须完整。 - “§§相关问题§§”必须作为第一行输出在末尾部分，且不能换行分散。 - 相关问题应直接相关，有助于进一步学习。 **call和apply的用法和区别：** - 两者都是JavaScript函数的方法，用于改变函数的this指向。 - 用法： - `call(thisArg, arg1, arg2, ...)`：第一个参数是this值，后跟参数列表。 - `apply(thisArg, [argsArray])`：第一个参数是this值，第二个是参数数组。 - 区别：call接受参数列表，apply接受参数数组。 **相关问题构想：** 基于用户的问题，提出相关问题： 1. bind方法的用法是什么？ 2. 在什么场景下应该使用call而不是apply？ 3. 如何理解JavaScript中的this关键字？ 4. call和apply在性能上有什么区别？ 5. 能否举例说明call和apply的实际应用？ 我需要列出3-5个，所以选择4个： 1. bind方法的用法是什么？ 2. 在什么场景下应该使用call而不是apply？ 3. 如何理解JavaScript中的this关键字？ 4. call和apply在性能上有什么区别？ 确保输出格式： - 回答完问题后，直接输出“§§相关问题§§”，然后列出问题，用数字点表示。 - 问题之间用换行分隔。 完整回答结构： 1. 解释call和apply。 2. 输出“§§相关问题§§” 3. 列出问题。 用中文写回答。</think>在 JavaScript 中，`call` 和 `apply` 都是函数对象的方法，用于显式设置函数执行时的 `this` 值（即函数内部的上下文），并传递参数。它们的主要目的是在调用函数时，改变 `this` 的指向，从而实现函数的重用或借用其他对象的方法。 ### 用法： - **`call` 方法**： - 语法：`function.call(thisArg, arg1, arg2, ...)` - 第一个参数 `thisArg` 是函数运行时 `this` 的值，后续参数是传递给函数的参数列表（逗号分隔）。 - 示例： ```javascript function greet(greeting, punctuation) { return `${greeting}, ${this.name}${punctuation}`; } const person = { name: 'Alice' }; console.log(greet.call(person, 'Hello', '!')); // 输出: "Hello, Alice!" ``` 这里，`call` 将 `this` 设置为 `person` 对象，并传递了 `'Hello'` 和 `'!'` 作为参数。 - **`apply` 方法**： - 语法：`function.apply(thisArg, [argsArray])` - 第一个参数 `thisArg` 是函数运行时 `this` 的值，第二个参数是一个数组（或类数组对象），包含要传递给函数的参数。 - 示例： ```javascript function greet(greeting, punctuation) { return `${greeting}, ${this.name}${punctuation}`; } const person = { name: 'Bob' }; const args = ['Hi', '?']; console.log(greet.apply(person, args)); // 输出: "Hi, Bob?" ``` 这里，`apply` 将 `this` 设置为 `person` 对象，并通过数组 `args` 传递参数。 ### 区别： - **参数传递方式**： - `call` 接受参数列表（逗号分隔的多个参数）。 - `apply` 接受参数数组（单个数组参数）。 - **适用场景**： - 当参数数量固定时，`call` 更直观（如 `func.call(obj, a, b)`）。 - 当参数数量不固定或已存在数组时，`apply` 更方便（如 `func.apply(obj, [a, b])` 或结合 `arguments` 对象）。 - **性能**：在现代 JavaScript 引擎中，`call` 通常略快于 `apply`，因为 `apply` 需要处理数组解包，但差异很小，一般不影响日常使用。 - **本质**：两者功能相同，都是立即调用函数并设置 `this`，区别仅在于参数格式。在 ES6 中，可以使用扩展运算符（`...`）替代 `apply`（如 `func.call(obj, ...args)`）。 总之，`call` 和 `apply` 的核心是改变 `this` 绑定，`call` 适合离散参数，`apply` 适合数组参数。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值