Javascript核心语法与技巧汇总(三):this的默认指向

[复制链接]
查看: 721|回复: 0

585

主题

1179

帖子

6291

积分

管理员

人亦已歌

Rank: 12Rank: 12Rank: 12

积分
6291

活跃会员热心会员推广达人宣传达人突出贡献优秀版主荣誉管理论坛元老

发表于 2022-10-4 09:33:30 | 显示全部楼层 |阅读模式
总括:this永远指向的是一个对象。
1、普通函数内的this默认指向window对象
  1. function test(){
  2. console.log(this);//输出Window {window: Window, self: Window, document: document, name: '', location: Location, …}
  3. }
  4. test();
复制代码

2、构造函数内的this默认指向对象的调用者
  1. function Change(){
  2.         console.log(this);//输出Change {}
  3.         this.name='张三';
  4.     }

  5. var obj=new Change();
  6. console.log(obj.name);//输出张三
复制代码

3、行内绑定事件函数中的this指向window对象
  1. <body>
  2.     <div id="app">
  3.         <a href="javascript:void(0)" onclick="change()">点我</a>
  4.     </div>
  5. </body>
  6. <script>
  7.    
  8.    function change(evn){
  9.     console.log(this);//输出Window {window: Window, self: Window, document: document, name: '', location: Location, …}
  10.    }
  11. </script>
复制代码

4、动态绑定事件函数中的this指向触发事件的元素。
  1. <body>
  2.     <div id="app">
  3.         <a href="javascript:void(0)" id="abtn">点我</a>
  4.     </div>
  5. </body>
  6. <script>
  7.    
  8.    document.getElementById('abtn').onclick=function(evn){
  9.     console.log(this);//输出<a href="javascript:void(0)" id="abtn">点我</a>
  10.    }
  11. </script>
复制代码


懒得打字嘛,点击右侧快捷回复 【右侧内容,后台自定义】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1、请认真发帖,禁止回复纯表情,纯数字等无意义的内容!帖子内容不要太简单!
2、提倡文明上网,净化网络环境!抵制低俗不良违法有害信息。
3、如果你对主帖作者的帖子不屑一顾的话,请勿回帖。谢谢合作!
3、问答求助区发帖求助后,如有其他用户热心帮您解决问题后,请自觉点击设为最佳答案按钮。

精彩图文
 
 
在线客服
技术支持
工作时间:
8:00-18:00
软著登字:
1361266号
官方微信扫一扫

QQ|小黑屋|慈众营销 ( 粤ICP备15049986号 )|网站地图

自动发帖软件 | 自动发帖器 | 营销推广软件 | 网络营销工具 | 网络营销软件 | 网站推广工具 | 网络推广软件 | 网络推广工具 | 网页推广软件 | 信息发布软件 | 网站推广工具 | 网页推广软件

Powered by Discuz! X3.4   © 2012-2020 Comsenz Inc.  慈众科技 - Collect from 深圳吉宝泰佛文化有限公司 公司地址:罗湖区黄贝街道深南东路集浩大厦A1403

返回顶部 返回列表