apply、call、bind的区别

最新推荐文章于 2024-01-29 23:31:42 发布
最新推荐文章于 2024-01-29 23:31:42 发布
阅读量454 收藏 1
点赞数
分类专栏： Web前端面试笔记 文章标签： 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiaoyangdetian/article/details/130206749
版权
本文探讨JavaScript中的apply、call和bind方法，它们都能改变函数的this上下文，但有各自的特点：apply使用数组传参，call通过参数列表，bind返回新函数并允许延迟执行。此外，bind在作为构造函数时，this将指向新创建的实例。
摘要由CSDN通过智能技术生成

1、三者都可以改变函数的this对象指向;
2、三者第一个参数都是this要指向的对象，如果没有这个参数或参数为undefined或null,则默认指向全局window;
3、三者都可以传参，但是apply是数组，call是参数列表，apply和call是一次性传入参数，bind可以分为多次传入;
4、bind是返回绑定this后的函数，便于稍后调用，apply\call是立即执行;
5、bind()会返回一个新的函数，如果这个返回的新函数作为构造函数创建一个新的对象，那么此时this不再指向传入给bind的第一个参数，而是指向用new创建的实例

秋秋小事
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
订阅专栏
js代码-generator apply call bind
07-16
在JavaScript编程中，`generator`、`apply`、`call`和`bind`是四个非常重要的概念，它们各自扮演着不同的角色，对于理解和编写高效、灵活的代码至关重要。接下来，我们将详细探讨这些知识点。 首先，`generator`是...
call、bind、apply三者的区别
nanxun201314的博客
04-26 8173
当一个函数作为构造器使用时(通过 new 关键字), 它的 this 值绑定到新创建的那个对象。3、如果你在声明一个变量的时候没有使用var或者let、const(es6),你就是在给全局的this添加或者改变属性值。this改变为obj了，但是绑定的时候立即执行，当触发点击事件的时候执行的是fn的返回值undefined。对于函数中的this的指向问题，有一句话很好用：运行时this永远指向最后调用它的那个对象。bind会把fn中的this预处理为obj，此时fn没有执行，当点击的时候才会把fn执行。
call、apply和bind的区别
hmxs_hmbb的博客
05-04 1万+
面试会经常被问到哦！！！！！
bind、call、apply的区别、实现逻辑？手写实现 bind、call、apply方法
小草莓的博客
07-21 906
函数内部使用 apply 来绑定函数调用，需要判断函数作为构造函数的情况，这个时候需要传入当前函数的 this 给 apply 调用，其余情况都传入指定的上下文对象。call 和 apply 会立即执行函数，而 bind 不会执行函数，而是返回一个改变了 this 指向的新的函数。本质都是为了改变函数运行时的执行上下文，使得函数在执行过程中的 this 值得到绑定并且传入指定的参数。而 apply 是传入一个数组。将待执行的函数作为上下文对象的属性，巧妙的改变了 this 的指向，并且立即指向该函数。
call 、apply 、bind的区别和作用
最新发布
wcxrib的博客
01-29 1266
bind、apply、call 之间的区别是：1、执行方式不同；3、修改this的性质不同。执行方式不同是指，call和apply是改变后页面加载之后就立即执行，是同步代码。bind是异步代码，改变后不会立即执行；而是返回一个新的函数。1、都是用来改变this指向的，都是跟在函数的后面；
Javascript中call，apply，bind方法的详解与总结
10-20
本文针对JavaScript中三个重要的函数方法——call、apply和bind，进行详尽的分析，并在文章的结尾部分对这三个方法之间的联系和区别进行了概括，以便于读者更深入地理解它们的用途和应用场景。 首先，我们来探讨...
深入理解JavaScript中的call、apply、bind方法的区别
10-22
apply和call唯一的区别在于参数的传递方式：apply接受一个数组作为参数传递给函数，而call则是直接将参数按照顺序传递。这些方法在解决JavaScript编程中动态上下文指向的问题时提供了很大的灵活性和控制能力。
javascript中call,apply,bind函数用法示例
10-20
在JavaScript中，`call`, `apply`, 和 `bind` 是三个非常重要的函数，它们都用于改变函数内部 `this` 的指向。下面将详细介绍这三个函数的功能、使用方法以及它们之间的区别。 1. **call() 函数** `call()` 函数...
浅谈javascript中的call、apply、bind
10-22
apply方法和call方法非常相似，唯一的区别在于第二个参数的传递方式。apply方法的第二个参数必须是一个数组，这个数组内的元素将会以参数列表的形式传递给调用函数。虽然apply接收的是一个参数数组，但在传递给调用...
js call,apply和bind区别和使用场景
gqk01的博客
03-04 4210
在js中，所有的函数再被调用的时候都会默认传入两个参数，一个是this，还有一个是arguments。在默认情况下this都是指当前的调用函数的对象。但是有时候我们需要改变this的指向，也就是说使函数可以被其他对象来调用，那么我们应该怎样做呢？这时候我们就可以使用call,apply和bind方法了。 this指向 = 谁调用，指向谁（这是错误的！！！）this永远指向最后一个调用它的那个对象（正解） 如何解决this指向问题？ 1.使用ES6中箭头函数 2.函数内部使用_this = this 3.使用
「干货」细说 call、apply 以及 bind 的区别和用法
weixin_34240520的博客
01-27 377
前言 上一篇文章 《「前端面试题系列4」this 的原理以及用法》 中，提到了 call 和 apply。 它们最主要的作用，是改变 this 的指向。在平时的工作中，除了在写一些基础类，或者公用库方法的时候会用到它们，其他时候 call 和 apply 的应用场景并不多。 不过，突然遇到的时候，需要想一下才能转过弯来。所以今天，就让我们好好地探究一下，这两个方法的区别以及一些妙用。最后，还会介绍...
bind、call、apply区别
qq_46131492的博客
12-15 3045
在JavaScript中，call、apply和bind是Function对象自带的三个方法，这三个方法的主要作用是改变函数中的this指向。 call、apply、bind方法的共同点和区别：apply、call、bind三者都是用来改变函数的this对象的指向的；apply、call、bind三者第一个参数都是this要指向的对象，也就是想指定的上下文（函数的每次调用都会拥有一个特殊值——本次调用的上下文（context）——这就是this关键字的值。）；apply、call、b...
call,apply,bind的区别和用法
SM-xiao的博客
04-28 979
用途：改变this指向 区别：传参列表不同 function Person(name,age){ this.name=name; this.age=age; this.job=function(){ console.log("teacher"); } } var newPerson={}; Person.call(newPers...
js实现call、apply、bind方法
guoqkmiss的博客
08-18 561
js实现call、apply、bind方法 一、call 函数的实现步骤： 判断调用对象是否为函数，即使我们是定义在函数的原型上的，但是可能出现使用 call 等方式调用的情况。 判断传入上下文对象是否存在，如果不存在，则设置为 window 。 处理传入的参数，截取第一个参数后的所有参数。 将函数作为上下文对象的一个属性。 使用上下文对象来调用这个方法，并保存返回结果。 删除刚才新增的属性。 返回结果。 // call函数实现 Function.prototype.myCall = function(
(更新时间)2021年3月21日 python基础知识(函数的参数)
热门推荐
时光隧道
03-21 5万+
1.带参数的函数 <1> 定义带有参数的函数 示例如下： def add2num(a, b): c = a+b print c <2> 调用带有参数的函数 以调用上面的add2num(a, b)函数为例: def add2num(a, b): c = a+b print c add2num(11, 22) # 调用带有参数的函数时，需要在小括号中，传递数据 调用带有参数函数的运行过程： <3> 调用函数时参数的顺序 >>
call、apply、bind三者的异同
weixin_62063529的博客
02-15 673
call、apply、bind
call，apply，bind的区别
why404
02-09 1万+
一、call,apply,bind的相同点： 都是改变this指向的； 第一个参数都是this要指向的对象； 都可以利用后续参数传参； 二、call,apply,bind的区别： call和bind的参数是依次传参，一一对应的； 但apply只有两个参数，第二个参数为数组； call和apply都是对函数进行直接调用，而bind方法返回的仍是一个函数； 例如： var a ={ name:'一一', age:'22', sex:'女', ho.
apply call bind
05-12
`apply`, `call`, 和 `bind` 都是 JavaScript 中用于调用函数的方法。 `apply` 和 `call` 都是用来改变函数执行时的上下文（即 this 的指向）的。它们的第一个参数都是要绑定给 this 的值。`apply` 的第二个参数是一个数组，它会被作为函数的参数传入；而 `call` 的第二个到第 n 个参数是直接传入函数的参数。 举个例子： ```javascript function addNumbers(a, b, c) { return a + b + c; } const numbers = [1, 2, 3]; console.log(addNumbers.apply(null, numbers)); // 6 console.log(addNumbers.call(null, ...numbers)); // 6 ``` `bind` 方法也可以用来改变函数执行时的上下文，但是它不会立即执行函数，而是返回一个新的函数，这个函数的 this 值会绑定到 bind 的第一个参数。bind 的第二个到第 n 个参数也会被作为函数的参数传入。这个新函数可以稍后执行。 举个例子： ```javascript function addNumbers(a, b, c) { return a + b + c; } const addTwoNumbers = addNumbers.bind(null, 1, 2); console.log(addTwoNumbers(3)); // 6 console.log(addTwoNumbers(4)); // 7 ``` 在这个例子中，`addTwoNumbers` 是一个新函数，它的 this 值被绑定到了 null，前两个参数被固定为 1 和 2。我们可以多次调用这个新函数，并传入第三个参数。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值