call apply bind使用场景总结

最新推荐文章于 2023-03-29 22:38:04 发布
最新推荐文章于 2023-03-29 22:38:04 发布
阅读量544 收藏 5
点赞数
分类专栏： js 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43837268/article/details/108717102
版权

call apply bind总结
相同点:
都可以改变函数内部的this指向
区别点
1.call 和 apply会调用函数并且改变函数内部ths指向
2.call和apply传递的参数不一样call传递参数aru1,aru2形式apply必须数组形式[arg]
3.bind不会调用函数可以改变函数内部this指向
主要应用场景
1.call经常做继承
2.apply经常跟数组有关系比如借助于数学对象实现数组最大值最小值
3.bind不调用函数但是还想改变this指向比如改变定时器内部的this指向或者传递多个不同的this
 

saas软件销售顾问
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
原生JS实现 call apply bind
01-08
都是用来改变this的指向，在平时工作过程中，除了实现对象的继承，在写一些基础类，或者公用库方法的时候会用到它们，其他时候 call 和 apply 的应用场景并不多。 在React中bind常用来绑定事件，改变this的指向 call...
javascript中call apply 与 bind方法详解
10-22
`call`和`apply`通常用于立即执行函数，而`bind`则常用于事件处理、定时器回调等需要保留`this`上下文的场景。了解和熟练掌握这三个方法，对于编写更高效、可维护的JavaScript代码至关重要。通过实际的示例和练习，...
call()、apply()、bind() 区别、使用场景、实现方式
Lyrelion的博客
11-19 2192
call()、apply()、bind() 区别、使用场景、实现方式
apply与call的区别详解
wjg0615的博客
12-07 5323
共同定义 调用一个对象的一个方法，用另一个对象替换当前对象。 例如： B.apply(A, arguments);即A对象应用B对象的方法 B.call(A, arguments);即A对象应用B对象的方法 共同的作用：就是让A这个第一个参数来当作调用apply()或者call()的函数里的对象，意思就是说那个调用的apply()与call()的函数里的上下文变成A这个传进去的对象。 区别 function.apply(obj,argArray)//argArray为数组 function.call(ob
深入谈谈apply和call
小破船借箭的博客
09-15 1041
深入谈谈apply和call。 这篇文章是本小猿生写的第一篇文章，不喜勿喷，还望大佬批评指教，共同进步，好了废话不多说，下面开始胡扯。 apply和call方法的相同点 apply()和call()方法的作用都是改变this 的指向，也是他们的相同点。 apply和call方法的不同点 apply() 和 call() 方法的区别在于 接收参数的方式不同 apply() 方法，两个参数， 第一个参数是this修改后的指向。 第二个参数是一个数组。 call() 方法， 第一个参数是this修改后的
call 和apply的作用与区别
热门推荐
_陌默
05-23 5万+
首先先说明它们共同的作用：call和apply都是用来修改函数中this的指向问题； 其次就是它们不同的传参方式：注意上一句话中说他们的作用时有两个关键词 ‘函数’和‘this’，想要修改this的指向，那么必然有一个this修改后的指向，而函数必然后关系到传参问题：call方法可以传给该函数的参数分别作为自己的多个参数，而apply方法必须将传给该函数的参数合并成一个数组作为自己的一个参数...
call和apply的区别和用法
qq_39465116的博客
02-23 1347
call和apply的区别 ECAMScript3给Function的原型定义了两个方法，分别是Function.prototype.call和Function.prototype.apply，他们的作用一模一样，区别仅在于传参方式不同。 apply接收两个参数 第一个参数指定函数体内this对象的指向，第二个参数是数组或者类数组(例如arguments)，是传入被调用函数的参数列表。 var func = function(a, b, c) { alert([a,b,c]) // 输出[1,
JavaScript必知必会(十) call apply bind的用法说明
10-22
在JavaScript中，`call`, `apply`, 和 `bind` 是函数对象的三个核心方法，它们都与函数调用时的上下文（`this` 的值）以及参数传递有关。理解这三个方法是深入学习JavaScript的关键。 1. **call()**： - `call()` ...
javascript中call,apply,bind的用法对比分析
10-24
总结一下，`call`和`apply`的主要区别在于传递参数的方式，`call`接受可变数量的参数，而`apply`则通过数组或类数组对象传递。`bind`则是创建一个具有固定`this`的新函数，适合于需要保留上下文的情况。在实际开发中...
call ,apply和bind方法 详解
06-19 2万+
JavaScript 函数call、apply和bind的区别和用法详解
「干货」细说 call、apply 以及 bind 的区别和用法
weixin_34240520的博客
01-27 298
前言 上一篇文章 《「前端面试题系列4」this 的原理以及用法》 中，提到了 call 和 apply。 它们最主要的作用，是改变 this 的指向。在平时的工作中，除了在写一些基础类，或者公用库方法的时候会用到它们，其他时候 call 和 apply 的应用场景并不多。 不过，突然遇到的时候，需要想一下才能转过弯来。所以今天，就让我们好好地探究一下，这两个方法的区别以及一些妙用。最后，还会介绍...
学习笔记之apply和call区别
qq_45217161的博客
03-29 56
在这个例子中，我们定义了一个greet()函数，然后通过call方法将它的上下文设置为person对象，并且传入了一个参数"Hi"。最终输出了"Hi, Bob!在这个例子中，我们定义了一个greet()函数，然后通过apply方法将它的上下文设置为person对象，最终输出了"Hello, Alice!apply和call都是用来改变函数执行时的上下文（context）的。其中，apply接收一个数组作为参数，而call接收一系列参数。总的来说，apply和call的作用是相同的，只是传参的方式不同。
apply和call理解
qq_36001325的博客
07-15 339
apply和call定义: apply:调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.apply(A, arguments);即A对象应用B对象的方法。 call:调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.call(A, args1,args2);即A对象调用B对象的方法。 相同之处 都是用一个对象 来调用另外一个对象 不同之处 apply:可以接受两个参数 第一参数是新的this对象或者是null 第二个是一个数组; 如果不想用一个对象来调用另外一个对象 可以把第一个参数设
call和apply的区别
yer不一样的博客
04-20 2237
一、方法定义1、call方法:语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义：调用一个对象的一个方法，以另一个对象替换当前对象。 参数 thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN 可选项。将被传递方法参数序列。说明 call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的
1、call,apply,bind三者的区别分析
vue
04-11 187
一、call的实现原理 function fn1(){ console.log(this,arguments); } function fn2(){ console.log(2); } /* fn1.call.call.call.call(fn2); */ // call的特点： // 1) 可以改变我们当前函数的this指向 // 2）还会让当前函数执行 Funct...
理解 apply、call、bind之间的区别，基于vue用apply实现节流防抖
qq_50750390的博客
08-31 876
理解 apply、call、bind之间的区别 基于vue实现节流防抖
call,apply,bind
weixin_43837268的博客
06-19 120
1.相同点 1.1都是用来改变函数的this对象的指向的 1.2第一个参数都是this要指向的对象 1.3都可以利用后续参数进行传参 那么他们的区别在哪里？先看一个例子 var xw = { name: '小王', gender: '男', age: 24, say: function( ) { alert(this.name+','+this.ge...
call、apply、bind 的用法和区别
a791226606的博客
05-21 449
call、apply、bind 的用法和区别 首先：call、apply、bind的作用是改变函数运行时的this的指向 var zr = { a: 1, fn: function () { console.log(this.a); //1 } } zr.fn(); //相当于zr.fn.call(zr)或者zr.fn.apply(zr); var zr = { a: 1, b:
学习笔记： apply、call、bind的使用
weixin_53399156的博客
11-29 1032
文章背景：学习前端半年后，掌握基本的vue以及其组件使用，并使用vue2.0完成两个项目的开发（一个是类似办公系统，包括权限、审批、图片展示、echarts、canvas等；一个是app项目，纯展示功能，交互特别少，html5完成）；但是JavaScript开始渐渐遗忘，本文主要目的加深前面学习的js的一些知识，主要是不常用，被忘记了。 先看一个函数： ——————bind部分 function mineFun(name, age) { console.log(name,...
call apply bind的应用场景
最新发布
04-10
call、apply和bind都是JavaScript中的函数方法，它们可以用来改变函数中this的指向。 call方法可以直接执行一个函数，并将改变函数内this指向的参数传入，参数可以是一个或多个值。例如： ``` function sayName() {...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值