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

最新推荐文章于 2026-03-27 03:51:10 发布

转载最新推荐文章于 2026-03-27 03:51:10 发布 · 1.4k 阅读

收录于

Javascript

当前文章被收录于：

Javascript

9 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍如何在JavaScript中利用call与apply方法实现不同对象间方法的借用，以达到动态改变this指向的目的。通过具体示例展示了如何利用这两种方法解决实际编程中遇到的问题。

在javascript OOP中，我们经常会这样定义：

function cat() { }

cat.prototype = {
food: "fish",
say: function () {
alert("I love " + 
this.food);
}
};

var blackCat = 
new cat;
//blackCat.say();
var whiteDog = { food: 
"bone" };
blackCat.say.call(whiteDog);
console.log(whiteDog);

但是如果我们有一个对象whiteDog = {food:"bone"},我们不想对它重新定义say方法，那么我们可以通过call或apply用blackCat的say方法：blackCat.say.call(whiteDog);

所以，可以看出call和apply是为了动态改变this而出现的，当一个object没有某个方法，但是其他的有，我们可以借助call或apply用其它对象的方法来操作。

标签

#javascript #apply #call

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Having-Meaning

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

javascript中call apply 的应用场景

12-02

在一些jQuery插件中经常看到类似 callback.call(xxx,xxx) 虽然看到书上有介绍说call和apply函数可以改变作用域，但还是无法非常透彻的理解改变作用域主要是为了解决什么问题，有没有替代方案，或者这2个函数主要为了解决什么问题，应用场景，何时使用最合适，每次读到这样的代码就晕了，一下子从线性阅读中跳出去了，感觉有点绕 call和apply的作用很简单，就是改变上下文，适用场景太多了，虽然有时候只是为了“美观”，下面几个是我常用的。 1. 代码如下:Object.prototype.toString.call(Obj) 用来判断 Obj 的类型 arguments

js call,apply和bind区别和使用场景

gqk01的博客

03-04

4836

在js中，所有的函数再被调用的时候都会默认传入两个参数，一个是this，还有一个是arguments。在默认情况下this都是指当前的调用函数的对象。但是有时候我们需要改变this的指向，也就是说使函数可以被其他对象来调用，那么我们应该怎样做呢？这时候我们就可以使用call,apply和bind方法了。 this指向 = 谁调用，指向谁（这是错误的！！！）this永远指向最后一个调用它的那个对象（正解）如何解决this指向问题？ 1.使用ES6中箭头函数 2.函数内部使用_this = this 3.使用

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

call,apply,bind在实际工作中可以使用的场景

qq_39056703的博客

09-13

803

callapply，bind在JavaScript中，改变函数内部this的指向是一个常见的需求，特别是在使用回调函数、事件处理器或者需要在某个特定对象上下文中执行函数时。call和apply和bind方法正是用来改变函数执行时this的指向的。下面我会详细解释这两种方法在实际工作中的一些应用场景。

STM32F4开发环境搭建：从固件库安装到Keil工程配置全指南

最新发布

weixin_30415113的博客

03-27

618

本文详细介绍了STM32F4开发环境搭建的全流程，包括固件库安装、Jlink调试工具配置和Keil工程模板创建。通过清晰的步骤说明和实用技巧，帮助开发者快速完成STM32F4系列单片机的开发环境配置，特别适合初学者入门。

JavaScript中call、apply、bind方法的应用与区别

有我更精彩的博客

02-07

1241

在JavaScript中，call、apply和bind是函数的三个重要方法，它们虽然功能不同，但都可以用来改变函数的执行上下文或者传递参数。本文将分别介绍call、apply和bind方法的应用和区别

call方法的作用以及使用场景

qq_25741071的博客

10-10

1017

在JavaScript中，call方法是一种非常强大且灵活的工具，它能够改变函数调用的上下文。

js中的call()方法、apply()和bind()方法的区别以及使用场景

AGGirl的专栏

05-20

542

在js中，所有的函数再被调用的时候都会默认传入两个参数，一个是this，还有一个是arguments。在默认情况下this都是指当前的调用函数的对象。但是有时候我们需要改变this的指向，也就是说使函数可以被其他对象来调用，那么我们应该怎样做呢？这时候我们就可以使用call,apply和bind方法了。 1.首先搞清楚call，apply和bind方法的来历在js中所有的函数都是Functi...

JavaScript 中 apply() 和 call() 方法的区别

许建桐的技术博客

04-04

240

构成函数主体的JavaScript 代码在定义之时并不会执行, 只有调用该函数时, 他们才会执行。有四种方法来调用JavaScript 函数：作为函数作为方法作为构造函数通过他们的 call() 和 apply()方法间接调用在这里简单总结一下 call() 和 apply() 方法的应用。描述 apply：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.app...

一文彻底弄懂 JavaScript 中 call、apply 和 bind 的区别与应用

Allen-

04-27

2051

call(), apply() 和 bind() 这三种方法不仅赋予了开发者精细控制函数执行上下文的能力，还能灵活地传递参数，极大地扩展了函数应用的范围和可能性。掌握它们的工作原理和应用场景，对于理解JavaScript中的面向对象编程、闭包以及异步处理等核心概念至关重要。

JS中的call()方法和apply()方法用法总结

04-27

18万+

JacvaScript中的call()方法和apply()方法， 1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。 2. 相同点：这两个方法的作用是一样的。都是在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域。

call()和apply()的作用

aidong8570的博客

09-25

136

call( )和apply( )都是为了改变某个函数运行时的上下文而存在的.换句话说是改变函数体内部this的指向他们的区别就是call()方法接受的是若干个参数的列表，而apply()方法接受的是一个包含多个参数的数组。来个栗子: function cat(){}; cat.prototype ={ food:'fish', say:function(){ ...

深度解析 call 和 apply 原理、使用场景及实现

chern1992的博客

06-16

1407

call() 和 apply() call() 方法调用一个函数, 其具有一个指定的this值和分别地提供的参数(参数的列表)。 call()和apply()的区别在于，call()方法接受的是若干个参数的列表，而apply()方法接受的是一个包含多个参数的数组举个例子： var func = function(arg1, arg2) { ... }; func.call(this, arg1, arg2); // 使用 call，参数列表 func.apply(this...

call，apply，bind区别及使用场景？call继承

qq_57334853的博客

08-10

445

常用于：全局函数调用call、对象方法调用call、基于call的继承、多重继承、call的引用，防抖call（）：第一个参数是要改变的this的指向，第二个参数是调用这个函数时所传的参数，fn.call(obj,1,2)。apply（）：第一个参数是要改变的this的指向，第二个参数是一个数组fn.apply(obj,[1,2]) bind（）：只有一个参数，为改变this的指向，返回一个新函数需要重新调用 let f = fn.bind(obj，1，2) f() ......

一篇文章搞懂js中的call(),apply(),bind()以及map()方法

weixin_42565137的博客

03-15

1244

一篇文章搞懂js中的call(),apply(),bind(),map()方法最近在工作中经常碰这几个方法。所以想总结一下这几个方法。我们把call(),apply(),bind()方法分为一类。他们的作用是改变this的指向，它的调用者为函数。而map()方法类似于foreach。它的调用者为数组。 call(): 调用call方法时同时立即执行foo函数，但this的指向为obj a...

轻松拿下JavaScript（四）——对象字面量，this，call()和apply()方法，JS的异常处理

陈宗毅技术在于分享

11-25

1万+

我们今天这讲主要讲解JavaScript的面向对象的几个内容：对象字面量，this，this，call()和apply()方法，Js的异常处理。对象字面量： 1、我们之前看到的例子都是使用点标识符创建对象和成员的。比如： var temp=document.getElementById('example'); 我们使用了点来获取document这个对象的getEl

call()、bind()、apply()的区别和使用方法

江湖行骗老中医

02-14

813

说实话工作中基本很少用到，除非你在封装一些底层框架会用到属于封装框架必备。面试基本都会问一下这个三个，区别就是传递的参数不同，bind()不是立刻执行而是点击以后才会执行并且是返回一个改变了上下文 this 后的函数，便于稍后调用。而原函数中的 this 并没有被改变，依旧指向原来该指向的地方。

call、apply、bind的区别与应用场景

2401_83127745的博客

04-04

1080

之后的toString方法（function类型返回内容为函数体的字符串，Array类型返回元素组成的字符串.....），而不会去调用Object上原型toString方法，所以采用arr.toString()不能得到其对象类型，只能将arr转换为字符串类型；上面的栗子，很明显函数sayColor是在全局作用域（环境/window）中调用的，而全局作用域中有一个color属性，值为"red"，sayColor.call(this)这一行代码就是表示。的不同，apply是接收的参数是一个数组。

js中call() apply() bind()的用法及三者区别

chenjiyue6914的博客

08-18

194

今天重温了下js的基础知识，看到对象这块又有点迷糊，借此来记录一下自己的总结。一、首先看看apply()以及call()的用法： var numbers = [1,5,9]; //output:9 var max_apply = Math.max.apply(Math,numbe...

JS——call()和apply()的用法

AwsuEver

09-23

737

在上一篇文章中我们对js中的this指向问题进行了介绍，其中涉及到call()和apply()方法,在这篇文章中，我们将对call()和apply()进行探讨；首先我们来说说这两种方法的共同点： 1. 每个函数都包含两个非继承而来的方法：call()方法和apply()方法。 2.这两个方法的作用是一样的。都是在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行...