대상을 향한 3-this의 용법

1223 단어 대상을 향하다
1. 타이머가 있을 때this는 윈도우를 가리킨다
<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=" " />

</body>

</html>


좋은 웹페이지 즐겨찾기