前端学习笔记（19）之call（）、apply（）、bind（）的三个方法的区别

最新推荐文章于 2022-08-19 18:30:39 发布
最新推荐文章于 2022-08-19 18:30:39 发布
阅读量217 收藏 3
点赞数 2
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42698576/article/details/108109960
版权

！

call（）

语法:
fn.call()
obj.fn.call()
参数:
第一个参数, 就是函数内部的 this 指向
第二个参数开始, 依次给函数传递参数
特点:
会立即执行函数(不适合用作定时器处理函数或者事件处理函数)
作用:
伪数组借用数组方法

apply()

语法:
fn.apply()
obj.fn.apply()
参数:
第一个参数, 就是函数内部的 this 指向
第二个参数: 是一个数组或者伪数组都行, 里面的每一项依次给函数传递参数
特点:
会立即执行函数
作用: 可以以数组的形式给某些功能函数传参
比如Math.max()

bind()

使用方法, 就直接连接再函数名后面使用
语法:
fn.apply()
obj.fn.apply()
参数:
第一个参数. 就是函数内部的 this 指向
从第二个参数开始, 依次给函数传递参数
特点:
不会立即调用函数
会返回一个新的函数, 一个已经被改变好 this 指向的函数
作用:
改变事件处理函数或者定时器处理函数的 this 指向

风中告退
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Front-end-base:前端学习笔记
04-11
setTimeout(执行内容，等待时间)节流函数思路：利用 JS 原型的原理[call apply bind 三兄弟]三个函数都是用来改变原先指向指向，不过 bind 函数需要调用才能执行参考：[js 实现call和apply方法，超详细思路分析]...
JavaScript中this用法学习笔记
12-08
这三个方法允许我们指定`this`的上下文，并且可以传递额外的参数。 - `call`和`apply`接收的第一个参数是`this`的值，后面可以传递参数列表（`call`为可变数量的参数，`apply`为一个数组或类数组对象）。 - `bind`...
【一篇终结你的困惑】JavaScript中call()、apply()、bind()的区别
Linda的前端开发路
05-17 2万+
call()、apply()、bind()是用来改变this的指向的。一 举个例子一个叫喵喵的猫喜欢吃鱼，一个叫汪汪的小狗喜欢啃骨头，用代码实现如下：var cat = { name:"喵喵", eatFish:function(param1,param2){ console.log("吃鱼"); console.log("this的指向=>"); console.log...
【复习】call，apply，bind三个方法的异同
代码随想录
06-30 174
call，apply，bind三个方法都用来处理函数内部this指向的问题 call：会自动调用函数，并且改变this指向 // call：函数的方法，作用，改变this指向 // 普通函数 function fn (a, b) { console.log(this, a, b);// this指向window[window调用的这个函数] } // fn(); var obj = {name : '张三丰', age : 22}; // 改变this指向
前端之路-浅谈call、apply和bind的异同
weixin_38788391的博客
01-29 387
call、apply和bind的理解 引言：首先一点我们知道call、apply和bind作用其实都是改变函数体内部this的指向，但是三者又有些细微的差别，接下来就记录一下个人对这三者异同的了解吧。 1.首先看一般情况不加修改时this的指向 function getThis() { console.log(this) } //相当于window.getThis() getThis(); //输出window 这里首先定义了一个函数getThis()，并在内部打印t
JS基础笔记：call()方法与 apply()方法和bind()方法的作用和区别
weixin_41350225的博客
01-08 555
这三种方法共同的作用是实现修改this的指向 apply()和 call()这两个方法的用途都是在特定的作用域中调用函数，实际上等于设置函数体内 this 对象的值 apply()方法 首先，apply()方法接收两个参数：一个是在其中运行函数的作用域，另一个是参数数组。其中，第二个参数可以是 Array 的实例，也可以是arguments 对象，例如： 在上面这个例子中，callSum1()在...
JS中的call()和apply()方法和区别
热门推荐
weixin_42321292的博客
09-03 3万+
一、方法定义： apply：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.apply(A, arguments);即A对象应用B对象的方法。 call：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.call(A, args1,args2);即A对象调用B对象的方法。 上面的定义看一遍是很懵的，不过自己遍写例子遍反复读的时候，会有种拨开云雾的感觉。 call 与 ...
JavaScript高级程序设计学习笔记（四）
01-20
JavaScript高级程序设计学习笔记（四）主要探讨了JavaScript中的引用类型、Function类型、函数的声明与定义、函数表达式以及一些基本包装类型的相关知识。在JavaScript中，函数不仅仅是代码块，它们也是对象，具备...
JavaScript 学习笔记 Black.Caffeine 09.11.28
12-10
总结来说，这篇学习笔记揭示了在编写JavaScript时如何处理事件绑定和上下文（`this`）的问题，以及如何解决`setInterval`在不同浏览器中的兼容性问题。这些问题在实际开发中非常常见，理解并掌握这些技巧对于编写...
JavaScript中this的学习笔记及用法整理
11-21
箭头函数的特性意味着`call()`、`apply()`和`bind()`等方法无法改变箭头函数的`this`值。同时，由于`this`在词法层面被确定，严格模式对`this`的影响也较小。 3. **构造函数与`new`关键字**： 当使用`new`关键字...
前端---js中的call和apply方法用法
Nagile-zhou博客
10-05 786
最近看到JavaScript中关于call()和apply()方法可以用来调用函数的动态调用和实现伪继承两种功能,今天在这里给大家详细介绍一下. 1.call()函数 函数引用.call(调用者,参数1,参数2...) 等同于:调用者.函数(参数1,参数2...)=函数.call(调用者,参数1,参数2)  2.apply()函数  函数调用.apply(调用者,[参数1,参数2....
call、apply、bind 三个特点分别是什么
weixin_42710787的博客
07-16 200
call特点 1.第一个参数可以改变函数的this指向 2.从第一个参数之后的参数就是对应函数的形参 3.函数会默认直接调用 apply特点 1.第一个参数可以改变函数的this指向 2.第二个参数是一个数组对象，数组对象的内容就是对应函数的形参 3.函数会默认直接调用 bind特点 1.第一个参数可以改变函数的this指向 2.从第一个参数之后的参数就是对应函数的形参 3.函数不会直接...
前端开发之JavaScript的call,apply,bind
imbzz的博客
07-21 240
JS 专门为我们提供了一些方法来改变函数内部的 this 指向。常见的方法有 call()、apply()、bind() 方法
call\apply\bind详解
博哥的二进制世界
08-19 566
call\apply\bind详解
前端面试中必问的apply()、bind()、call()的用法及区别！！！
帅帅邬同学的博客
04-27 579
call、apply、bind 我们知道有些情况下我们为了使用某种特定环境的 this 引用，这时候我们就需要采用一些特殊手段来处理了，例如我们经常在定时器外部备份 this 引用，然后在定时器函数内部使用外部 this 的引用。 然而实际上对于这种做法我们的 JavaScript 为我们专门提供了一些函数方法用来帮我们更优雅的处理函数内部 this 指向问题。 这就是接下来我们要学习的 cal...
前端开发--快速了解call()函数，apply( )函数，bind( )函数的使用与区别
weixin_51059952的博客
08-19 1020
call( )函数的基本使用 apply( )函数的基本使用 bind函数的基本使用 三个函数的比较 应用场景 求数组中的最大值与最小值 将arguments转换成数组 继承的实现 改变匿名函数的this指向 手写call、apply及bind函数 call方法的实现 apply函数的实现 bind函数的实现 拓展：为什么函数被称为一等公民？
前端基础：call、apply、bind的基本概念
郭宇的博客
06-26 1179
call apply bind
关于call有几个参数
ahoo110的博客
06-05 3087
关于call有几个参数学习调用约定： 逆别人程序的时候，明明有参数，但是没发现push。Cdecl：默认的调用约定。 int __cdecl printf ( 43: const char *format, 44: ... 45: )做逆向的时候，根据什么分析别人函数有几个参数呢，最靠谱的就是一行一行分析，结合ret 以及函数前面数据。 一、一般情况：
call（）的第二个参数
weixin_42369486的博客
07-30 5620
在js中，被继承的函数称为超类型（父类，基类也行），继承的函数称为子类型（子类，派生类）。 call（）的第二个参数就是给超类型传参。 function parent(age){ this.name = ['mick','mini','so'] this.age = age; } function children(){ Parent.call(this,age);...
重构call apply bind方法
最新发布
01-12
以下是重构call、apply、bind方法的示例： 1. 重构call方法： ```javascript Function.prototype.myCall = function(context, ...args) { context = context || window; const fn = Symbol(); context[fn] = ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值