首页 > 代码库 > 面向对象3-this的用法
面向对象3-this的用法
1.当有定时器时 this会指向window
<script type="text/javascript"> function Aaa(){ var _this=this; //_this表示Aaa this.a=12; setInterval(function(){// console.log(this) //this表示window _this.show(); },1000) } Aaa.prototype.show=function(){ console.log(this.a) } var obj=new Aaa();// obj.show() </script>
2.当有事件时,this会指向事件对象
<!doctype html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title></head><body> <script type="text/javascript"> function Bbb(){// console.log(this) //this 这个表示 Bbb var _this=this; this.b=5;// document.getElementById("btn").onclick=this.show //这里的this表示 input document.getElementById("btn").onclick=function(){ _this.show() } } Bbb.prototype.show=function(){ console.log(this.b) /*this 表示*/ } window.onload=function(){ new Bbb(); } </script> <input type="button" name="" id="btn" value="http://www.mamicode.com/按钮" /></body></html>
面向对象3-this的用法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。