位置: 编程技术 - 正文

JS中改变this指向的方法(call和apply、bind)(如何改变this指向)

编辑:rootadmin

推荐整理分享JS中改变this指向的方法(call和apply、bind)(如何改变this指向),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js函数的this指向问题,js改变this指向的方法和区别,js中改变this指向的三种方法,js中改变this的指向,js中改变this的指向,js中改变this指向有哪些方法,js中改变this的指向,js中改变this指向有哪些方法,内容如对您有帮助,希望把文章链接给更多的朋友!

this是javascript的一个关键字,随着函数使用场合不同,this的值会发生变化。但是总有一个原则,那就是this指的是调用函数的那个对象。

this一般指向的是当前被调用者,但也可以通过其它方式来改变它的指向,下面将介绍三种方式:

1.call用作继承时:

2.call和apply都可以改变this指向,不过apply的第二个参数是散列分布,call则可以是一个数组

apply() 方法接收两个参数:一个是在其中运行函数的作用域,另一个是参数数组。其中,第二个参数可以是 Array 的实例,也可以是arguments 对象。call() 方法与 apply() 方法的作用相同,它们的区别仅在于接收参数的方式不同。对于 call()方法而言,第一个参数是 this 值没有变化,变化的是其余参数都直接传递给函数。换句话说,在使用call() 方法时,传递给函数的参数必须逐个列举出来。

3.ES5还定义了一个方法:bind(),它会创建一个函数的实例,其this值会被绑定到传给bind()函数的值。如

在这里sayColor()调用bind()并传入对象o,创建了objectSayColor()函数。objectSayColor()函数的this值等于o,因此即使是在全局作用域中调用这个函数,也会看到blue。

以上所述是小编给大家介绍的JS中改变this指向的方法(call和apply、bind),希望对大家以上帮助!

下面还有点时间给大家补充点基础知识有关:call()与apply()区别

一、方法的定义

call方法:

JS中改变this指向的方法(call和apply、bind)(如何改变this指向)

语法:call(thisObj,Object)

定义:调用一个对象的一个方法,以另一个对象替换当前对象。

说明:

call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。

如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。

apply方法:

语法:apply(thisObj,[argArray])

定义:应用某一对象的一个方法,用另一个对象替换当前对象。

说明:

如果 argArray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeError。 如果没有提供 argArray 和 thisObj 任何一个参数,那么 Global 对象将被用作 thisObj, 并且无法被传递任何参数。

代码示例:

模拟call, apply的this替换

深入浅析JavaScript中的作用域和上下文 javascript中的作用域(scope)和上下文(context)是这门语言的独到之处,这部分归功于他们带来的灵活性。每个函数有不同的变量上下文和作用域。这些概念是

基于javascript实现九九乘法表 本文实例为大家分享了javascript实现九九乘法表的相关代码,具体内容如下scripttype="text/javascript"varsum=0;varwite;for(vari=1;i;i++){vardiv=$('divclass="class'+i+'"/div');

js事件处理程序跨浏览器解决方案 本文实例为大家分享了js事件处理程序跨浏览器解决方案,供大家参考,具体内容如下!DOCTYPEhtmlhtmlheadmetacharset="utf-8"/title/title/headbodydivinputtype="button"id="bu

本文链接地址:https://www.jiuchutong.com/biancheng/375967.html 转载请保留说明!

上一篇:浏览器复制插件zeroclipboard使用指南(浏览器复制插件在哪)

下一篇:深入浅析JavaScript中的作用域和上下文(java scripts)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络