这篇文章介绍的内容是关于浅谈JS的this调用对象,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下
查一下资料得知js的this是指向调用的对象。
只有这一句话很难理解那来做个写个dome。
代码如下:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>this测试</title> <script type="text/javascript" src="jquery-3.3.1/jquery-3.3.1.min.js"></script> <script type="text/javascript"> var a="全局"; $(function(){ console.log(this); $("#start").click(function(){ console.log(this); }); }); function test(){ console.log(this); console.log(this.a); } </script> </head> <body> <p id="start" >开始</p> <p id="test" onclick="test()">点击测试</p> </body> </html>
从上往下可以看到四个输出问题
运行看下结果:
可以看到123输出的结果都不一样
第一个是HTMLDOM
第二个是一个p
第三个是一个window
上面代码可以分析如下:
(PS:this在官方介绍指上一级对象,打错字了)
相关推荐:
java中静态方法中为什么不能使用this、super和直接调用非静态方法
以上就是浅谈JS的this调用对象的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号