javascript中的this关键字总结

原创
2016/11/18 12:11
阅读数 6

调用this中的几种情况

1.方法调用模式

2.函数调用模式

3.构造器中的调用模式

4.DOM event this

5.HTML this

6.jQuery this

1.方法调用:函数作为对象的属性时,称为方法,此时方法中的this对应该对象

<script type="text/javascript">
			var obj={
				value:3,
				func:function(){
					alert(this.value);//this指向该对象为obj
				}
			}
			obj.func();//3
 </script>

换可以换一种写法

<script type="text/javascript">
			var obj={
				value:3
			}
			obj.func=function(){
				alert(this.value);
			}
			obj.func();//3
 </script>

2.函数调用:函数调用属于全局性调用,此时this指向全局对象,即window

<script type="text/javascript">
			var add=function(a,b){
				return a+b;
			}
			alert(this.add(3,4));
 </script>

3.构造器调用

<script type="text/javascript">
			var add=function(a,b){
				return a+b;
			}
			var js=new add(3,4);//构造器调用模式函数返回一个新的对象
			alert(js);//object
 </script>

案例测试

 

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部