在学习 call、apply、bind 简单总结

最新推荐文章于 2023-02-08 18:07:21 发布
最新推荐文章于 2023-02-08 18:07:21 发布
阅读量64 收藏
点赞数
分类专栏： 在学习 文章标签： es6 vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43688475/article/details/121403570
版权

call、apply、bind

对于一个函数fn，fn()、fn.call()以及fn.apply() 都是执行函数

箭头函数不能使用call()、apply()和.bind

注意点

  1. 对于call()和apply()，如果说代入了第一个参数，那么这两个的this就都指向这个参数
  2. 如果说第一个参数代入的是null或者undefined，那么在非严格模式下this都指向window，严格模式下带入的第一个参数是什么就指向什么

call()和apply()的区别点

​ 这两个的主要区别在于传参的方式不同。call()从第二个参数位置开始传参就可以是一个接一个地写然后传入参数；而apply()第二个参数可以是一个数组或者是列表(nodelist、htmlCollection等)，把需要传入的参数放到列表里传进去

.bind

​ 回调函数中改变this指向用.bind，绑定之后会给函数里的this绑定一个指向，指向自己代入的参数，然后返回一个新函数 .bind并不是立即执行的，它返回一个函数

皇甫_铁牛
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
apply 、call 以及 bind 的使用和区别
保持清醒
12-01 462
一、被apply和call调用的函数中没有传递参数 （一）不传参数 结果： （二）传递 null 结果： 总结： 1.当使用 apply和 call去调用函数并且没有传递参数时，前提这个函数中也没有传递参数，我们发现 他们的打印结果和 this 指向是相同的 都是指向window 此时相当于 f1() 调用函数 就相当于 f1.apply() 和 f1.call() 2.当传递 null 的时候，他们的指向也是相同的 都是指向 window 此时相当于 f1() 调用函数 就相当于 f1.
「干货」细说 call、apply 以及 bind 的区别和用法
weixin_34240520的博客
01-27 282
前言 上一篇文章 《「前端面试题系列4」this 的原理以及用法》 中，提到了 call 和 apply。 它们最主要的作用，是改变 this 的指向。在平时的工作中，除了在写一些基础类，或者公用库方法的时候会用到它们，其他时候 call 和 apply 的应用场景并不多。 不过，突然遇到的时候，需要想一下才能转过弯来。所以今天，就让我们好好地探究一下，这两个方法的区别以及一些妙用。最后，还会介绍...
前端开发--快速了解call()函数，apply( )函数，bind( )函数的使用与区别
weixin_51059952的博客
08-19 1008
call( )函数的基本使用 apply( )函数的基本使用 bind函数的基本使用 三个函数的比较 应用场景 求数组中的最大值与最小值 将arguments转换成数组 继承的实现 改变匿名函数的this指向 手写call、apply及bind函数 call方法的实现 apply函数的实现 bind函数的实现 拓展：为什么函数被称为一等公民？
call、apply、bind 的用法与区别
weixin_45674255的博客
02-08 120
了解call、apply、bind的用法与区别
call、apply与bind 用法和区别
weixin_54955442的博客
04-02 3591
call、apply与bind有什么区别
Javascript中call，apply，bind方法的详解与总结
10-20
本文主要Javascript中call，apply，bind方法的进行全面分析，并在文章结尾对call，apply，bind方法的联系和区别做了总结，具有很好的参考价值，需要的朋友一起来看下吧
原生JS实现 call apply bind
01-08
call apply方法都是在调用之后立即执行的，而bind是返回原函数，需要再调用一次才能执行 传参方式的区别 var newFn1 = fn1.bind(newObj,arg1,arg2....); bind 第一个参数为需改变的新指向，之后的参数以，隔开 如需...
javascript中apply/call和bind的使用
10-20
本文主要介绍了javascript中apply/call和bind的使用。具有很好的参考价值，下面跟着小编一起来看下吧
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...
this指向 箭头函数中的this call、apply和bind方法的用法以及区别
01-08
thisthis 指向看看箭头函数的案例call、apply和bind方法的用法以及区别来几个面试题试试 this 指向 1.普通函数的this：指向它的调用者，如果没有调用者则默认指向window. 2.箭头函数的this: 指向箭头函数定义时所处的对象，而不是箭头函数使用时所在的对象，默认使用父级的this 箭头函数的父级还箭头还是 就从父级开始 向上查找 直到有（实际上箭头函数里并没有 this，如果你在箭头函数里看到 this，你直接把它当作箭头函数外面的 this 即可。外面的 this 是什么，箭头函数里面的 this 就还是什么，因为箭头函数本身不支持 this。就默认看成使用
javascript中apply、call和bind的使用区别
11-28
在JS中，这三者都是用来改变函数的this对象的指向的，他们有什么样的区别呢。 在说区别之前还是先总结一下三者的相似之处： 1、都是用来改变函数的this对象的指向的。 2、第一个参数都是this要指向的对象。 3、都可以利用后续参数传参。 那么他们的区别在哪里的，先看一个例子。 var xw = { name : "小王", gender : "男", age : 24, say : function() { alert(this.name + "
call、apply、bind 用法和区别
似水流年QC的博客
10-09 1189
综上所述，call，apply和bind的区别就是为了改变this的上下文而存在的，因此，有时候你会看到这样的用法。为了不改变this的指向，通常会在函数后边加上bind(this)，如下：function f(){}.bind(this) 这样的话，就不会出现莫名其妙的this指向问题了。其实，从es6开始，已经支持箭头函数了，我建议大家用箭头函数，就不会出现this指向的问题了。另外，使用call，apply还可以实现函数的继承。在es6的class没有出现之前，就需要借助它们来实现继承关系。
call、apply和bind方法的用法、区别和使用场景
圆圆的 JavaScript 博客
06-15 2313
在 javascript 中，call 和 apply 都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变函数体内部 this 的指向。call()方法的作用和 apply() 方法类似，区别就是call()方法接受的是参数列表，而apply()方法接受的是一个参数数组。
call apply bind 的区别以及使用
qq_43631129的博客
02-27 134
理解JS中的call、apply、bind方法 在JavaScript中，call、apply和bind是Function对象自带的三个方法，这三个方法的主要作用是改变函数中的this指向。 call、apply、bind方法的共同点和区别： apply 、 call 、bind 三者都是用来改变函数的this对象的指向的； apply 、 call 、bind 三者第一个参数都是this要指向的对象，也就是想指定的上下文（函数的每次调用都会拥有一个特殊值——本次调用的上下文（context）—
call/apply/bind作用和区别
SpringRolls的博客
05-19 2612
答案： 他们都可以改变函数的作用域。 call/apply 可以直接执行该函数，而 bind 不会立刻执行 fucntion.bind(thisArg, arg1, arg2, ...) call/apply 作用类似，都可以改变指针和执行函数，区别在于传参不同，call 需要单个传参，apply 通过数组传参 function.call(thisArg, arg1, arg2, ...) function.apply(thisArg, [arg1, arg2, ...]) .
JS基础笔记：call()方法与 apply()方法和bind()方法的作用和区别
weixin_41350225的博客
01-08 550
这三种方法共同的作用是实现修改this的指向 apply()和 call()这两个方法的用途都是在特定的作用域中调用函数，实际上等于设置函数体内 this 对象的值 apply()方法 首先，apply()方法接收两个参数：一个是在其中运行函数的作用域，另一个是参数数组。其中，第二个参数可以是 Array 的实例，也可以是arguments 对象，例如： 在上面这个例子中，callSum1()在...
call、apply和bind之间的区别
weixin_45682952的博客
09-09 247
相同点：都是用来改变this的指向 不同点：call()传的参数要和定义的方法中参数一一对应;而apply()传入的参数，第二个参数是数组类型,这是call()和apply()方法最大的区别；而bind()，返回的本来就是一个函数，所以在调用的时候，需要在后面添加一个小括号() 用法：一个对象访问并一个对象内部定义的方法。 首先对于函数内没有参数的情况： 举个例子： var gxw = { name:'gxw' age:18 drink:function(){
call，apply，bind三者用法和区别
weixin_47793765的博客
12-29 1877
定义: apply()：调用一个对象的一个方法，用另一个对象替换当前对象，例如：B.apply(A，arguments)；即A对象应用B对象的方法。 call()：调用一个对象的一个方法，用另一个对象替换当前对象，例如：B.call(A，args1，args2，···)；即A对象调用用B对象的方法。 作用：①改变this指向；②借用别的对象的方法；③单纯的调用函数；④实现继承； function add(a,b){ return a+b; } function sub(a,b){ return a-b;
call apply bind
最新发布
07-11
js中的apply、call、bind是三个函数方法，都可以用来改变函数的this指向。 apply和call的作用是一样的，都是改变函数的this指向，并且立即执行该函数。区别在于传入参数的方式不同，apply接收一个数组作为参数，而...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值