JavaScript 中的 call/apply/bind

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

call/apply/bind

相同:

都可用于替换函数中不正确的this

区别

call/apply:

什么是：调用一个函数，并临时替换其中的this为指定对象

何时使用：在调用函数时，需要临时替换this为指定对象时

如何：

要调用的函数.call(对象,参数值,….)

  1. 调用函数

  2. 替换函数中的this为指定"对象"

  3. 传入参数

如果参数值列表是一个数组:

函数.apply(对象, 数组)

bind

什么是: 创建一个函数的副本，并永久替换其中的this为指定的对象

何时: 如果函数，暂时不调用，而是仅创建副本，并永久替换this时

 

 

 

 

Lin Qinghu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
实习项目中的知识点和经验总结（四）：理解和使用事件绑定bind及bind、call、apply 改变函数中this的指向
qq_34768846的博客
08-04 157
apply JavaScript Demo: Function.apply() call bind
call/apply/bind
weixin_34107955的博客
03-20 62
使用 call() 和 apply() call 和 apply是 Function 对象的原型方法，它们能够将特定函数当作一个方法绑定到指定对象上并进行调用。具体用法如下： function.call(thisobj, args... ) function.apply(thisobj, args) 其中参数 thisobj 表示this指定的对象，参数 args 表示要传递给...
JS-this-call/apply/bind
weixin_33910434的博客
11-26 315
绑定 this 的方法 参考文章：绑定 this 的方法 this的动态切换，固然为 JavaScript 创造了巨大的灵活性，但也使得编程变得困难和模糊。有时，需要把this固定下来，避免出现意想不到的情况。JavaScript 提供了call、apply、bind这三个方法，来切换/固定this的指向。 bind方法和apply、call稍有不同，bind方法返回一个新函数，以后调用了才...
原型、原型链、call/apply/bind
雷雨天的雷胖子
01-31 915
目录 一、原型 原型的定义 原型的作用 原型的增删改查 构造器 对象的隐式属性__proto__ 构造函数制造对象图解 构造函数、原型对象和实例对象三者关系 代码示例 二、原型链 原型链定义 原型链的增删改查 对象字面量 Object.create() undefined和null不能调用toString? 重写 三、call/apply/bind 共同点 ...
javascript中apply/call和bind的使用
10-20
本文主要介绍了javascript中apply/call和bind的使用。具有很好的参考价值，下面跟着小编一起来看下吧
JavaScript中的this/call/apply/bind
01-08
改变指向二、Function.prototype.bind()三、call/apply1.定义2.语法3.异同 一、this 1.什么是this this 关键字在大部分语言中都是一个重要的存在，JS中自然不例外，其表达的意义丰富多样甚至有些复杂，深刻理解this...
js代码-JavaScript的call/apply/bind函数实现
07-15
在JavaScript中，`call()`, `apply()`, 和 `bind()` 是三个非常重要的函数，它们都与函数调用有关，但各自有不同的应用场景。本文将深入探讨这三个函数的实现原理及其使用方式。 首先，`call()` 函数允许我们调用一...
JavaScript中的this/call/apply/bind的使用及区别
10-15
主要介绍了JavaScript中的this/call/apply/bind的使用及区别，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
javascript中call,apply,bind函数用法示例
10-20
在JavaScript中，`call`, `apply`, 和 `bind` 是三个非常重要的函数，它们都用于改变函数内部 `this` 的指向。下面将详细介绍这三个函数的功能、使用方法以及它们之间的区别。 1. **call() 函数** `call()` 函数...
call、apply、bind详细讲解
m0_60273757的博客
12-07 1511
call、apply、bind详细讲解,从小白的思维出发，更加好理解！
call\apply\bind详解
博哥的二进制世界
08-19 536
call\apply\bind详解
call ,apply和bind方法 详解
热门推荐
06-19 2万+
JavaScript 函数call、apply和bind的区别和用法详解
[JS]JS中call/apply/bind方法总结
超越
12-06 726
JavaScript的一大特点是，函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。在JavaScript中，call和apply都是为了改变某个函数运行时的上下文(context)而存在的，换句话说，就是为了改变函数体内部this的指向。bind方法用于指定函数内部的this指向（执行时所在的作用域），然后返回一个新函数。bind方法并非立即执行一个函数。call/
call、apply与bind精辟讲解
qq_40757399的博客
04-25 166
call与apply都是改变当前函数执行的作用域。都是跟在对象后面。传入另外一个对象，去获取前面一个对象的能力（方法）。意思就是他们两的作用都是改变this的作用域，当一个对象没有某个方法，而其他对象有，就可以利用call或apply实现某个方法的复用。 譬如：程序员.编程器.call（外卖员） var pro = { name:“程序员”, programming:function(){ console.log(${this.name}编程) } } var del = { name:“外卖员” } pr
Javascript中apply()、call()和bind()方法的简单介绍
qq_45265059的博客
06-08 158
最重要其实是，要明白这三个函数的存在意义是什么？ 答案是改变函数执行时的上下文，再具体一点就是改变函数运行时的this指向。 call()和apply()改变了函数的this上下文后执行该函数,而bind()则是返回改变了上下文后的一个函数。
call/apply/bind区别
m0_71710542的博客
08-21 59
bind是绑定this的指向，会返回一个新的函数。 call和apply是this的指向。 call和bind传参方式是参数列表传递。 apply传参是数组形式传递。 bind是绑定this的指向，会反回一个方法，只有当被调用时才会执行，而call和apply会立即执行。 call/apply/bind都可以用于改变this指向。
apply、call、bind的用法和理解
weixin_45392559的博客
02-24 644
1.apply方法调用一个函数，其具有一个指定的this值，参数为数组或者类数组的对象。 2. 1. call(obj, param1, param2)/apply(obj, [param1, param2]) 调用/执行函数只是强制指定函数中的this为第一个参数指定的对象如果函数执行需要传参数, call是依次传递, apply需要封装成数组传递 2. bind() 返回一个新函数, 不会自动执行, 需要手动执行强制指定函数中的this为第一个参数指定的对象...
js基础之手写apply、call、bind
路人丙的博客
05-13 265
不传入第一个参数，那么上下文默认为 window 改变了 this 指向，让新的对象可以执行该函数，并能接受参数 实现call 首先 context为可选参数，如果不传的话默认上下文为 window 接下来给 context 创建一个 fn 属性，并将值设置为需要调用的函数 因为 call 可以传入多个参数作为调用函数的参数，所以需要将参数剥离出来 然后调用函数并将对象上的函数删除 Function.prototype.myCall = function(context) { //判断传入的contex
前端面试进阶篇前端面试进阶篇
最新发布
06-06
`bind`, `call`, 和 `apply` 都用于改变`this`上下文，实现函数的动态绑定。它们的主要区别在于传递参数的方式： - `call()` 接受一个参数列表作为额外参数。 - `apply()` 接受一个参数数组作为参数。 例如，当你...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值