当前位置:首页 > javascript > 正文内容

JS中call aplly bind的区别

hxing64110个月前 (09-26)javascript3266

call、apply、bind的作用是改变函数运行时this的指向。


1. call()的第一个参数为this绑定的对象,后面传入一串参数列表。

当第一参数为null或undefined时,默认指向window对象。

2. apply()和call()类似,唯一的不同点在于第二个参数传入一个参数数组。

当第一参数为null或undefined时,默认指向window对象。

3. bind()和call()类似,不同点一bind()不会立即执行,而是返回一个改变了this后的函数


示例:


let obj1 = {
   name: 'obj1',
   fn1(param) {
       console.log(this.name, param);
   }
}
let obj2 = {
   name: 'obj2',
   fn1(param) {
       console.log(this.name, param);
   }
}


obj1.fn1('param1')                //输出 obj1 param1

obj1.fn1.call(obj1, 'param1')          //输出 obj1 param1

obj1.fn1.call(obj2, 'param1')          //输出 obj2 param1

//apply的第二个参数为参数数组
obj1.fn1.apply(obj2, ['param1'])         //输出 obj2 param1

//bind方法返回一个函数,但不会执行,这个函数的参数继承bind方法的参数
let fun = obj1.fn1.bind(obj2, 'param')
fun()   //输出 obj2 param1



扫描二维码推送至手机访问。

版权声明:本文由星星博客发布,如需转载请注明出处。

本文链接:http://xingxinghan.cn/?id=414

分享给朋友:

“JS中call aplly bind的区别” 的相关文章

JS逆向实战20——深入解析JavaScript虚拟机逆向工程

在Web开发领域中,JavaScript(JS)是一门广泛使用的编程语言。然而,由于其脚本性质和开放性,JavaScript代码的安全性一直备受关注。为了保护知识产权和提高代码的安全性,一些开发者会将JavaScript代码进行加密和混淆。这就需要逆向工程师掌握JS逆向技术来还原加密和混淆后的代码。...

js模块化历程

这是一篇关于js模块化历程的长长的流水账,记录js模块化思想的诞生与变迁,展望ES6模块化标准的未来。经历过这段历史的人或许会感到沧桑,没经历过的人也应该知道这段历史。 无模块时代在ajax还未提出之前,js还只是一种“玩具语言”,由Brendan Eich花了不到十天时间发明,用来在网页...

JavaScript中的setTimeout和setInterval

JavaScript是一门广泛应用于网页开发的脚本语言,它提供了许多强大的功能和特性。其中,setTimeout和setInterval是两个常用的定时器函数,它们可以在指定的时间间隔内执行代码。本文将深入探讨这两个函数的用法和特点,并通过代码示例来加深理解。...

深入理解JavaScript原型链

JavaScript原型链是该语言中一个核心的概念,理解它对于成为一名优秀的JavaScript开发者至关重要。在本篇文章中,我们将深入探讨JavaScript原型链的工作原理、如何使用原型链来实现继承,以及一些与原型相关的最佳实践。 原型链是什么?...

JavaScript中的call、bind和apply方法深度解析

JavaScript是一种动态的、强大的编程语言,它的灵活性源于其独特的函数调用方式。在JavaScript中,我们常常会遇到三个非常重要的函数方法:call、bind和apply。这些方法都是用来改变函数运行时this的指向的。理解它们的工作原理和使用场景,对于我们编写高质量的Java...

JS数组常用方法

JS数组常用方法

JS数组常用方法:1.数组的复制和填充批量复制方法 copyWithin(),以及填充数组方法fill()。这两个方法的函数签名类似,都需要指定既有数组实例上的一个范围,包含开始索引,不包含结束索引。使用这个方法不会改变数组的大小。 1.1.fill()方法使用fill()方法可以向一个已...

评论列表

吃瓜群众
10个月前 (10-04)

星星前端博客 - JS中call aplly bind的区别-1696413610

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。