JS中的this变量的使用介绍(彻底弄懂js中的this指向)

编辑：rootadmin

JavaScript中this的使用在JavaScript中this变量是一个令人难以摸清的关键字，this可谓是非常强大，充分了解this的相关知识有助于我们在编写面向对象的JavaScript程序时能够游刃有余。对于this变量最要的是能够理清this所引用的对象到底是哪一个，也许很多资料上都有自己的解释，但有些概念讲的偏繁杂。而我的理解是：首先分析this所在的函数是当做哪个对象的方法调用的，则该对象就是this所引用的对象。示例一、这段代码非常容易理解，当执行 obj.y() 时，函数是作为对象obj的方法调用的，因此函数体内的this指向的是obj对象，所以会弹出。示例二、这里为什么会弹出 'this is a property of window'，可能有些让人迷惑。在JavaScript的变量作用域里有一条规则“全局变量都是window对象的属性”。当执行checkThis() 时相当于window.checkThis()，因此，此时checkThis函数体内的this关键字的指向变成了window对象，而又因为window对象又一个x属性（'thisis a property of window'）,所以会弹出 'thisis a property of window'。上面的两个示例都是比较容易理解的，因为只要判断出当前函数是作为哪个对象的方法调用（被哪个对象调用）的，就可以很容易的判断出当前this变量的指向。 this.x 与apply()、call() 通过call和apply可以重新定义函数的执行环境，即this的指向，这对于一些应用当中是十分常用的。示例三：call() 注意changeStyle.call()中有三个参数，第一个参数用于指定该函数将被哪个对象所调用。这里指定了one，也就意味着，changeStyle函数将被one调用，因此函数体内this指向是one对象。而第二个和第三个参数对应的是changeStyle函数里的type和value两个形参。最总我们看到的效果是Dom元素one的字体变成了px。示例四：apply() apply的用法和call大致相同，只有一点区别，apply只接受两个参数，第一个参数和call相同，第二个参数必须是一个数组，数组中的元素对应的就是函数的形参。无意义（诡异）的this用处示例五：如何达到预期的效果事件监听函数中的this 注意：js中的全局变量都会动态添加到Window 的实例　window，作为其属性。 this是js的一个关键字，随着函数使用场合不同，this的值会发生变化。但是总有一个原则，那就是this指的是调用函数的那个对象。 1、纯粹函数调用。其实这里的this就是全局变量。看下面的例子就能很好的理解其实this就是全局对象Global。 2、作为方法调用，那么this就是指这个上级对象。 3、作为构造函数调用。所谓构造函数，就是生成一个新的对象。这时，这个this就是指这个对象。 4、apply调用 this指向的是apply中的第一个参数。当apply没有参数时，表示为全局对象。所以值为0。

推荐整理分享JS中的this变量的使用介绍(彻底弄懂js中的this指向)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:js中this的用法,js 中的this,js中的this如何理解,js里的this,js 中的this,js中this的概念,js中this的用法,js中this的用法,内容如对您有帮助，希望把文章链接给更多的朋友！

onkeyup，onkeydown和onkeypress的区别介绍 msdn上有三者的区别：名称说明onkeypress这个事件在用户按下并放开任何字母数字键时发生。系统按钮（例如，箭头键和功能键）无法得到识别。onkeyup这

javascript中的=等号个数问题两个跟三个有什么区别一个等号就是个赋值的作用，主要问题在于两个跟三个等号的区别。javaScript中两个等于号和三个等于号之间的区别一言以蔽之：==先转换类型再比较，==

JavaScript instanceof 的使用方法示例介绍在JavaScript中，判断一个变量的类型尝尝会用typeof运算符，在使用typeof运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，它

标签: 彻底弄懂js中的this指向

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

上一篇：在javaScript中关于submit和button的区别介绍(javascript中的关键字有哪些)

下一篇：onkeyup，onkeydown和onkeypress的区别介绍

随机推荐

PHP文件操作详解(php filesize)

使MySQL能够存储emoji表情字符的设置教程(mysql可以存什么)

以上所述是小编给大家介绍的详解DB2 sqlstate SQLCODE=- 原因码 "7"错误的快速解决办法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持！

SQL Server 数据库分离与附加就这么简单! 一、概述SQLServer提供了分离/附加数据库、备份/还原数据库、复制数据库等多种数据库的备份和恢复方法。这里介绍一种学习中常用的分离/附加方法，

深入浅析SQL封装、多态与重载面向对象1.类：众多对象抽象出来的2.对象：类实例化出来的3.类的定义关键字class4.类里面包含成员变量成员属性成员方法5.面向对象三大特性（1）封装

在Sql Server中调用外部EXE执行程序引发的问题一、先开启xp_cmdshell打开外围应用配置器—功能的外围应用配置器—实例名DatabaseEnginexp_cmdshell—启用二、解决方法usemasterExecxp_cmdshell'mkdird:csj" class="img-responsive" alt="详解DB2 sqlstate 57016 SQLCODE=-668 原因码 "7"错误的快速解决办法(详解增发万亿国债细节)">

详解DB2 sqlstate 57016 SQLCODE=-668 原因码 "7"错误的快速解决办法(详解增发万亿国债细节)