JavaScript中apply、bind、call的用法

最新推荐文章于 2024-06-20 20:20:21 发布
最新推荐文章于 2024-06-20 20:20:21 发布
阅读量203 收藏
点赞数
分类专栏： FrontEnd JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zz__zzmomo/article/details/108144064
版权

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
    评论
专栏目录
Js中的apply、call和bind方法
weixin_45693198的博客
09-21 2501
背景 JS中有一个关键概念叫做执行上下文，也就是JavaScript 代码被解析和执行时的环境。执行上下文有三种类型：全局执行上下文、函数执行上下文和Eval 函数执行上下文。在执行上下文的创建阶段，会确定当前执行上下文中this指针的指向。 而call，apply，bind的作用，就是改变函数执行时的上下文，即改变函数内部的this指向。 Apply，Call 参考资料 ...
JavaScript中的call、apply、 bind的用法、实现以及三者之间的区别？
富朝阳的博客
05-28 2140
相信很多同学在面试中遇到这样的问题，今天我们就彻底搞懂JavaScript中的call、apply、 bind的用法、实现以及三者之间的区别，废话不多说，直接开撸！
【优雅代码】深入浅出 妙用Javascript中apply、call、bind
u013114078的博客
09-26 722
apply、call  在 javascript 中，call 和 apply 都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变函数体内部 this 的指向。 JavaScript 的一大特点是，函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。 先来一个栗子： 1 2
JavaScript进阶 —— 深入理解 call，apply 和 bind
金戈鐡馬
03-28 1570
在JavaScript 中，call、apply 和 bind 是 Function 对象自带的三个方法，这三个方法的主要作用是改变函数中的 this 指向，从而可以达到`接花移木`的效果。本文将对这三个方法进行详细的讲解，并列出几个经典应用场景。1、call。
JavaScript 中 call()、apply()、bind() 的用法
青年码农
02-22 381
在JavaScript 中，call、apply 和 bind 是 Function 对象自带的三个方法，这三个方法的主要作用是改变函数调用过程中的 this 指向1 applyFunction.apply(obj,args)apply方法接收两个参数obj：这个对象将代替Function类里this对象args：这个是数组，它将作为参数传给Function（args--...
JS中的apply、bind和call
Fun_Enjoy的博客
09-22 315
文章目录apply()方法bind()方法call()方法应用 JS当中的apply、bind和call，这三个方法都是js function当中自带的方法，用来改变this的指向。 apply()方法 语法格式: fun.apply(thisArg[, argsArray]) apply和call的唯一区别是第二个参数的传递方式不同，apply的第二个参数必须是一个数组，而call允许传递一个...
开启Javascript中apply、call、bind的用法之旅模式
10-23
在Javascript中，Function是一种对象。Function对象中的this指向决定于函数被调用的方式,使用apply，call 与 bind 均可以改变函数对象中this的指向。
javascript中call,apply,bind函数用法示例
10-20
在JavaScript中，`call`, `apply`, 和 `bind` 是三个非常重要的函数，它们都用于改变函数内部 `this` 的指向。下面将详细介绍这三个函数的功能、使用方法以及它们之间的区别。 1. **call() 函数** `call()` 函数...
javascript中call apply 与 bind方法详解
10-22
在JavaScript中，`call`、`apply`和`bind`都是与函数调用相关的三个重要方法，它们都允许我们改变函数内部`this`的指向，从而实现不同对象间的方法复用和灵活控制上下文环境。下面我们将分别详细介绍这三个方法。 1...
javascript中apply/call和bind的使用
10-20
本文主要介绍了javascript中apply/call和bind的使用。具有很好的参考价值，下面跟着小编一起来看下吧
javascript中apply、call和bind的使用区别
10-22
下面小编就为大家带来一篇javascript中apply、call和bind的使用区别。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
详解JS函数中的call、apply及bind的用法
qq_35260672的博客
05-25 1097
一、call（）方法 调用call（）方法会立即执行目标函数，同时改变函数内部this的指向。this指向由方法的第一个参数决定，后面逐个列举的任意参数将作为目标函数的参数一一对应传入； 二、apply（）方法 调用apply（）方法会立即执行目标函数。同时改变函数内部this的指向。this指向由方法的第一个参数决定，第二个参数是一个参数数组或arguments对象，各数组元素或arguments对象表示的各参数将作为目标函数的参数一一对应传...
javascript中的apply、call和bind
qq_40535197的博客
03-05 185
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()的区别
热门推荐
Linda的前端开发路
05-17 2万+
call()、apply()、bind()是用来改变this的指向的。一 举个例子一个叫喵喵的猫喜欢吃鱼，一个叫汪汪的小狗喜欢啃骨头，用代码实现如下：var cat = { name:"喵喵", eatFish:function(param1,param2){ console.log("吃鱼"); console.log("this的指向=&gt;"); console.log...
JavaScript实现call、apply和bind
山水子农
12-13 1864
每个函数都包含两个非继承而来的方法：apply()和call()。这两个方法的用途是在特定的作用域中调用函数，实际上等于设置函数体内this对象的值。详细内容查看JavaScript中call()、apply()和 bind()方法，1、call方法的实现下面看一个使用call方法的实例：function add(c, d){ return this.a + this.b + c + d
Day43
最新发布
m0_67496588的博客
06-20 706
JSON，Ajax
工具链--nuxt框架 简介（一）
qq_35876316的博客
06-16 377
Nuxt框架是一个基于Vue.js的服务器端渲染（SSR）框架，旨在提供一套完整的前端开发解决方案，帮助开发者构建高性能、可扩展的Web应用。是一个功能强大、易于使用的Web开发框架，适用于多种开发场景和需求。Nuxt框架建立在Vue.js之上，它抽象出了管理异步数据、中间件和路由所涉及的大部分复杂配置。Nuxt不仅继承了Vue.js的所有优点，如易用性、灵活性等，还与Node.js紧密集成，使得开发者可以在项目中轻松地使用Node.js的各种功能。
apply bind call写一些案例代码
06-08
1. 使用apply调用函数，并传递参数 ```javascript function greeting(name) { console.log(`Hello, ${name}!`); } greeting.apply(null, ['John']); // 输出：Hello, John! ``` 2. 使用bind绑定函数this值 ```javascript const person = { name: 'John', age: 30, greeting: function() { console.log(`Hello, my name is ${this.name} and I'm ${this.age} years old.`); } }; const sayGreeting = person.greeting.bind(person); sayGreeting(); // 输出：Hello, my name is John and I'm 30 years old. ``` 3. 使用call调用函数，并传递参数 ```javascript function greeting(name) { console.log(`Hello, ${name}! My name is ${this.name}.`); } const person = { name: 'John' }; greeting.call(person, 'Mary'); // 输出：Hello, Mary! My name is John. ``` 4. 使用apply绑定函数this值和传递参数 ```javascript function greeting(name) { console.log(`Hello, ${name}! My name is ${this.name}.`); } const person = { name: 'John' }; greeting.apply(person, ['Mary']); // 输出：Hello, Mary! My name is John. ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值