当前位置: 代码网 > it编程>编程语言>Javascript > JavaScript关键字this的用法总结

JavaScript关键字this的用法总结

2024年05月18日 Javascript 我要评论
this 是 javascript 中的一个关键字,指向当前的对象,在不同的场合,this 有不同的含义。全局环境中的this在全局环境中,this 指向全局对象global,即 window 对象。

this 是 javascript 中的一个关键字,指向当前的对象,在不同的场合,this 有不同的含义。

全局环境中的this

在全局环境中,this 指向全局对象global,即 window 对象。例如:

alert(this);  // 显示 [object window]
alert(this === window);  // 显示 true

事件处理中的this

在事件处理函数中,this 指向当前节点,即绑定事件的节点。
在dom元素中直接绑定事件,例如:

<input type="button" value="点击这里显示this" onclick="alert(this)" />
<!-- 显示 [object htmlinputelement] -->

在js代码中绑定事件处理函数,例如:

<input id="demo" type="button" value="点击这里显示this" />
<script type="text/javascript">
document.getelementbyid("demo").onclick = function(){
    alert(this);  // 显示 [object htmlinputelement]
}
</script>

构造函数中的this

在构造函数中,this 指向被创建的对象。

var user = "xiaoming";
function itxueyuan(user){
    this.name = "it学院";
    this.domain = "www.itxueyuan.org";
    this.user = user;
    this.showuser = function(){
      alert(this.user);
    }
}
var zhangsan = new itxueyuan("zhangsan");
zhangsan.showuser();  // 显示"zhangsan"

var wangming = new itxueyuan("wangming");
wangming.showuser();  // 显示 wangming

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持代码网。

(0)

相关文章:

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

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com