JavaScript中apply、bind、call的用法

最新推荐文章于 2023-05-28 09:15:29 发布
最新推荐文章于 2023-05-28 09:15:29 发布
阅读量234 收藏
点赞数
分类专栏： FrontEnd JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zz__zzmomo/article/details/108144064
版权
本文详细介绍了JavaScript中Function的apply、bind、call方法，它们都涉及函数上下文和作用域。apply用于以数组形式传递参数调用函数，bind则创建新函数并固定this值，call则直接调用函数并指定this值和参数。文章通过实例展示了它们的用法，如数组拼接、回调函数中的this绑定等。
摘要由CSDN通过智能技术生成

JavaScript中apply、bind、call的用法

Author: liquorxm
Created: Aug 21, 2020 11:15 AM
Tags: Javascript, apply, bind, call

关于JavaScript中Function的apply、bind、call详解。这三个方法都跟函数的上下文、作用域有关联，通过调用可以改变函数内this 指向。

Function.apply()

apply()调用一个具有给定this值，arguments以数组方式提供的函数。

Syntax

func.apply(thisArg, [ argsArray])

参数

  • thisArg （必选）

    func函数运行时的this值。⚠️this可能不是该方法看到的实际值，在非严格模式下，null和undefined将会被全局对象替代。

    </
最低0.47元/天 解锁文章
毛祥明-Zoe
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript中的call、apply、bind
流楚丶格念的博客
05-03 3129
文章目录函数进阶函数的定义方式函数声明函数表达式函数声明与函数表达式的区别函数的调用方式函数内 `this` 指向的不同场景探究案例：函数也是对象案例：函数数组的使用call、apply、bindcallapplyapply和call的使用案例bind小结函数的其它成员高阶函数作为参数作为参数案例作为返回值函数闭包作用域、作用域链、预解析什么是闭包一些关于闭包的例子闭包的思考题小结函数递归递归执行模型举个栗子：计算阶乘的递归函数递归应用场景 函数进阶 函数的定义方式 函数声明 function foo ()
javascript中call()、apply()、bind()的用法终于理解
acoolgiser的博客
10-29 300
其实是一个很简单的东西，认真看十分钟就从一脸懵B 到完全 理解！ 先看明白下面： 例 1 obj.objAge; // 17 obj.myFun() // 小张年龄 undefined 例 2 shows() // 盲僧　 比较一下这两者 this 的差别，第一个打印里面的 this 指向 obj，第二个全局声明的 shows() 函数 this 是 window ；...
【优雅代码】深入浅出 妙用Javascript中apply、call、bind
u013114078的博客
09-26 743
apply、call  在 javascript 中，call 和 apply 都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变函数体内部 this 的指向。 JavaScript 的一大特点是，函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。 先来一个栗子： 1 2
javascript中的apply、call和bind
qq_40535197的博客
03-05 221
apply、call和bind可以改变this的指向，并且可以把方法借给其它对象使用 例如：a.apply(b,[3,2]);//this指向由a变为b, a的方法借给b使用 1. call、apply与bind的差别 call和apply改变了函数的this上下文后便执行该函数,而bind则是返回改变了上下文后的一个函数。call和bind的参数都是一个个传的，apply的参数是以数组的形式传入的； 2. call、apply的区别 call、apply这两个方法都是定义在函数对象的原型上的（Functi
javascript 中 call() 、apply()和 bind()详解
qq_41534913的博客
10-29 388
前端日常开发的时候，这几个方法出现的频率还是很高的，之前一直没有去仔细的学习一下这几个这方法，今天总结一下 参考文章 https://blog.csdn.net/learninginJAVA/article/details/48914751 1. call、apply 在javascript中 call 和 apply 方法都是为了改变某个函数运行时的上下文，也就是说，为了改变函数内部的thi...
JavaScript中bind、call、apply的用法
u010089686的博客
07-18 162
改变JavaScript中执行函数的this指向，用到call、apply和bind三个函数继承自Function.prototype的方法，三者功能相近又各有不同。 在JavaScript中使用typeof关键字检测数据类型存在其局限性，比如无法区分数组、对象和null： typeof [] // -> "object" typeof {} // -> "object" typ...
开启Javascript中apply、call、bind的用法之旅模式
10-23
在上述例子中，call()方法用于将apple的say方法中的this替换为banana，从而使得banana对象能够调用原本属于apple对象的方法。 2. apply与call的区别 apply和call在改变函数执行时的上下文（context）方面是相同的，...
javascript中apply、call和bind的使用区别
11-28
在JavaScript中，`apply()`, `call()`, 和 `bind()` 都是用来操作函数的上下文，即改变函数内部 `this` 指向的方法。它们有三个共同点：第一，它们都能改变函数执行时的 `this` 值；第二，第一个参数都是指定的新 `...
javascript中apply/call和bind的使用
10-20
总结来说，apply()、call()和bind()在JavaScript中都是非常重要的方法，它们可以控制函数内部的this指向，允许参数的灵活传递，并且可以创建可重用的函数，从而提升代码的模块性和灵活性。通过理解这些方法的使用...
javascript中call,apply,bind函数用法示例
10-20
在JavaScript中，`call`, `apply`, 和 `bind` 是三个非常重要的函数，它们都用于改变函数内部 `this` 的指向。下面将详细介绍这三个函数的功能、使用方法以及它们之间的区别。 1. **call() 函数** `call()` 函数...
JavaScript实现call、apply和bind
山水子农
12-13 1888
每个函数都包含两个非继承而来的方法：apply()和call()。这两个方法的用途是在特定的作用域中调用函数，实际上等于设置函数体内this对象的值。详细内容查看JavaScript中call()、apply()和 bind()方法，1、call方法的实现下面看一个使用call方法的实例：function add(c, d){ return this.a + this.b + c + d
JavaScript 中 call()、apply()、bind() 的用法
青年码农
02-22 391
在JavaScript 中，call、apply 和 bind 是 Function 对象自带的三个方法，这三个方法的主要作用是改变函数调用过程中的 this 指向1 applyFunction.apply(obj,args)apply方法接收两个参数obj：这个对象将代替Function类里this对象args：这个是数组，它将作为参数传给Function（args--...
JavaScript进阶 —— 深入理解 call，apply 和 bind
金戈鐡馬
03-28 1811
在JavaScript 中，call、apply 和 bind 是 Function 对象自带的三个方法，这三个方法的主要作用是改变函数中的 this 指向，从而可以达到`接花移木`的效果。本文将对这三个方法进行详细的讲解，并列出几个经典应用场景。1、call。
JavaScript中的call、apply、 bind的用法、实现以及三者之间的区别？
最新发布
富朝阳的博客
05-28 2402
相信很多同学在面试中遇到这样的问题，今天我们就彻底搞懂JavaScript中的call、apply、 bind的用法、实现以及三者之间的区别，废话不多说，直接开撸！
Js中的apply、call和bind方法
weixin_45693198的博客
09-21 2542
背景 JS中有一个关键概念叫做执行上下文，也就是JavaScript 代码被解析和执行时的环境。执行上下文有三种类型：全局执行上下文、函数执行上下文和Eval 函数执行上下文。在执行上下文的创建阶段，会确定当前执行上下文中this指针的指向。 而call，apply，bind的作用，就是改变函数执行时的上下文，即改变函数内部的this指向。 Apply，Call 参考资料 ...
【一篇终结你的困惑】JavaScript中call()、apply()、bind()的区别
热门推荐
Linda的前端开发路
05-17 2万+
call()、apply()、bind()是用来改变this的指向的。一 举个例子一个叫喵喵的猫喜欢吃鱼，一个叫汪汪的小狗喜欢啃骨头，用代码实现如下：var cat = { name:"喵喵", eatFish:function(param1,param2){ console.log("吃鱼"); console.log("this的指向=&gt;"); console.log...
JavaScript中apply、call、bind的上下文切换与应用
"本文主要探讨JavaScript中的apply、call和bind函数的使用，它们的主要目的是改变函数执行时的上下文，即内部this的指向。通过一个示例解释了如何利用这三个方法在不同对象之间共享和调用方法。apply和call的区别...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值