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

JS中call aplly bind的区别

hxing6417个月前 (09-26)javascript2729

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



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

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

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

分享给朋友:

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

JS数组常用方法

JS数组常用方法

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

typescript 中 omit 的理解

在 TypeScript 中,Omit 是一种非常有用的工具类型,它可以用于创建一个新的类型,这个新类型是从现有类型中排除了指定的属性后得到的。如果你想要处理一个对象但又不需要包含某些属性,那么 Omit 可以帮助你快速地创建一个新的类型。 比如说,...

微前端使用: qiankun

微前端使用: qiankun

一、qiankun使用场景1. 简介qiankun是在single-spa的基础上实现的,可以保证各个项目独立使用,也可以集成使用。各系统之间不受技术栈的限制,集成使用也能保证各样式和全局变量的隔离。模块的插拔式使用,当公司项目集是一个大系统下包含多个子系统或者模块时,可以采用这种方式动态部署各个系...

js字符串总结

ES5和字符串 一、ES5的语法 js在产生的时候,年代比较早,当时的web需求比较少,所以刚开始的js功能比较少,语法没有特别严谨。随着时代的发展和web应用的普及,js需要更多的功能,以及更严谨的语法,所以,js会有版本的升级。第一版的js是ECM...

webSocket 实现持久连接,原理解析

WebSocket 是一种用于实现持久连接的通信协议,它的原理和工作方式相对复杂,但我们可以尝试以尽可能简单和清晰的方式来解释它。 WebSocket 的原理 在理解 WebSocket 的工作原理之前,我们首先要了解 HTTP 协...

深入剖析JavaScript中的堆栈、事件循环、执行上下文、作用域和闭包

Document1. 堆栈在JavaScript中,内存堆是内存分配的地方,调用栈是代码执行的地方。原始类型的保存方式:在变量中保存的是值本身,所以原始类型也被称之为值类型。对象类型的保存方式:在变量中保存的是对象的“引用”,所以对象类型也被称之为引用类型。调用栈理解非常简单,当遇见一个方法时推入调...

评论列表

吃瓜群众
吃瓜群众 IP:广东省
7个月前 (10-04)

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

发表评论

访客

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