首页 / JAVASCRIPT / 浅谈JS的this调用对象

浅谈JS的this调用对象

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了浅谈JS的this调用对象，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含925字，纯文字阅读大概需要2分钟。

内容图文

这篇文章介绍的内容是关于浅谈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>

浅谈JS的this调用对象 - 文章图片

从上往下可以看到四个输出问题

运行看下结果：

浅谈JS的this调用对象 - 文章图片

可以看到123输出的结果都不一样

第一个是HTMLDOM

第二个是一个p

第三个是一个window

上面代码可以分析如下：

浅谈JS的this调用对象 - 文章图片

（PS：this在官方介绍指上一级对象，打错字了）


相关推荐：

以上就是浅谈JS的this调用对象的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的浅谈JS的this调用对象全部内容，希望文章能够帮你解决浅谈JS的this调用对象所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

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

本文链接：https://qyyshop.com/info/291751.html

来源：【匿名】