JavaScript难点——this的用法及指向问题
来源:互联网 发布:淘宝怎么购物和付款 编辑:程序博客网 时间:2024/05/16 16:02
前端菜鸟的成长之路
by @阮一峰
原文链接 http://www.ruanyifeng.com/blog/2010/04/using_this_keyword_in_javascript.html
this是Javascript语言的一个关键字。
它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如,
function test(){ this.x = 1;}
随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。
下面分四种情况,详细讨论this的用法。
情况一:纯粹的函数调用
这是函数的最通常用法,属于全局性调用,因此this就代表全局对象Global。
请看下面这段代码,它的运行结果是1。
function test(){ this.x = 1; console.log(this.x);}test(); // 1
为了证明this就是全局对象,我对代码做一些改变:
var x = 1;function test(){ console.log(this.x);}test(); // 1
运行结果还是1。再变一下:
var x = 1;function test(){ this.x = 0;}console.log(x); //1test();console.log(x); //0
情况二:作为对象方法的调用
函数还可以作为某个对象的方法调用,这时this就指这个上级对象。
function test(){ console.log(this.x);}var o = {};o.x = 1;o.m = test;o.m(); // 1
情况三:作为构造函数调用
所谓构造函数,就是通过这个函数生成一个新对象(object)。这时,this就指这个新对象。
function test(){ this.x = 1;}var o = new test();console.log(o.x); // 1
运行结果为1。为了表明这时this不是全局对象,我对代码做一些改变:
var x = 2;function test(){ this.x = 1;}var o = new test();console.log(x); //2
运行结果为2,表明全局变量x的值根本没变。
情况四:apply调用
apply()是函数对象的一个方法,它的作用是改变函数的调用对象,它的第一个参数就表示改变后的调用这个函数的对象。因此,this指的就是这第一个参数。
var x = 0;function test(){ console.log(this.x);}var o={};o.x = 1;o.m = test;o.m.apply(); //0
apply()的参数为空时,默认调用全局对象。因此,这时的运行结果为0,证明this指的是全局对象。
如果把最后一行代码修改为
o.m.apply(o); //1
运行结果就变成了1,证明了这时this代表的是对象o。
(完)
by @阮一峰
原文链接 http://www.ruanyifeng.com/blog/2010/04/using_this_keyword_in_javascript.html
- JavaScript难点——this的用法及指向问题
- javascript 的 this 指向问题
- javascript——this指向
- JavaScript的三种this指向问题
- 关于javascript的this指向问题
- javascript中this的指向问题
- javascript中this指向问题的综合
- JavaScript中this的指向问题
- JavaScript中this的指向问题
- javascript中this对象的指向问题
- JavaScript中this的指向问题
- 深入理解JavaScript的this指向问题
- JavaScript的this指向问题深度解析
- JavaScript的this指向问题深度解析
- JavaScript 的 this 指向问题深度解析
- JavaScript 的 this 指向问题深度解析
- javascript里this的指向问题
- JavaScript-this的指向
- 8.1~8.12eg刷题记录
- Git版本控制学习(二)
- js模块化开发二
- 1974-字符串逆序
- Networking
- JavaScript难点——this的用法及指向问题
- 最新实用的Android Studio插件
- 百练2739:计算对数题解
- hdu 6069 Counting Divisors(筛法)
- Hadoop 伪分布式搭建 Pseudo-Distributed Mode
- matlab fminbnd, fminsearch
- LightOJ
- "XXXX" is not translated in "en" (English), "zh" (Chinese)
- 判断字符串是否包含字母、数字、中文