js中this的用法
2014-07-03 13:07
330 查看
js中this的用法
Posted on 2011-10-14 14:06ritazhou 阅读(28511) 评论(6)
编辑
收藏
this是js的一个关键字,随着函数使用场合不同,this的值会发生变化。但是总有一个原则,那就是this指的是调用函数的那个对象。
1、纯粹函数调用。
function test() { this.x = 1; alert(x); } test();
其实这里的this就是全局变量。看下面的例子就能很好的理解其实this就是全局对象Global。
var x = 1; function test() { alert(this.x); } test();//1 var x = 1; function test() { this.x = 0; } test(); alert(x);//0
2、作为方法调用,那么this就是指这个上级对象。
function test() { alert(this.x); } var o = {}; o.x = 1; o.m = test; o.m(); //1
3、作为构造函数调用。所谓构造函数,就是生成一个新的对象。这时,这个this就是指这个对象。
function test() { this.x = 1; } var o = new test(); alert(o.x);//1
4、apply调用
this指向的是apply中的第一个参数。
var x = 0; function test() { alert(this.x); } var o = {}; o.x = 1; o.m = test; o.m.apply(); //0 o.m.apply(o);//1
当apply没有参数时,表示为全局对象。所以值为0。
相关文章推荐
- js中with、this的用法
- js中with、this的用法
- js中this的用法
- js中this的用法
- js中this的用法
- js中with、this的用法
- 关于JS 函数this的用法
- js中this的用法
- js中this的用法
- Js中call apply函数以及this用法
- js中this的用法
- this的用法总结(java/js/flex)
- js中this的用法
- js一百零一夜之第七夜-javaScript this 的用法
- js中this的用法
- js学习三、“普通”函数中的this,以及call,apply用法
- js中this的用法
- js中this的用法
- JS中的this用法
- js进阶----this变量用法