关于JS的THIS？

Question

因为想看EXT的JS源码,但是JS比较差,练了下JS,各位高手帮我看下,解释下原因:function a(value){this.value =value;alert(this.vlaue);}alert(new a(1).value);alert(window.a(3));顺便问下function a(){fucntion b(){}return b;}new a()() 为什么这么写? 为什么不写 a().b()?

Answer 1

这个问题问到js的精髓了。

在js中，万物皆对象，函数只是对象的一种。

js的this，指代着当前对象的自身（itself），但通过你的问题的内容，发现，你关注的地方并不单单在this关键词。

function a(value){
this.value =value;
alert(this.vlaue);
}
上面的这个函数语句，意味着，创建了名字为a，参数为value的函数对象：
这个函数对象有一个来自于参数的动态属性value；
这个函数对象还有一个返回值为void的window内置函数alert；
这个函数对象自身没有返回值（void）。

alert(new a(1).value);
上面的这个语句，意味着，新建一个参数为1的a对象，并把这个对象的value作为参数赋值给window的alert函数，并执行window的alert函数。
在上面的语句中，测试时，会出现两次警告框，且警告框的内容都是1，这是因为在新建a对象的时候，执行了一次alert，拿到a对象的value后，又执行了一次alert。

alert(window.a(3));
上面的这个语句，意味着，把3作为window对象的a函数的一个参数，执行a函数。
在上面的语句中，测试时，也会出现两次警告框，但是第一次是3，第二次就是undefined了，这是因为，window.a(3)执行的时候，会alert一下，内容就是3，alert(...)执行的时候，因为里面的window.a(3)没有返回值，所以alert的参数就是没有，所以就导致弹出了一个“undefined”

function a(){
fucntion b(){}
return b;
}
new a()()
可以这么写（new a()()）的原因是：
1、“new a()” ，这个是个对象创建过程，就是说，这样可以创建一个全新的函数对象。
2、第二个“()”，这个是个函数执行过程，就是说，加上一对“()”后，这个对象函数才开始执行。

a().b()
不可以这么写的原因是：
a()会让这个a函数对象执行后，返回的是一个名字为没有名字的空函数对象，这个空函数对象里面，并没有一个名字叫b的方法。
你如果想让上面的a里面的b函数顺利执行，可以参考下面的案例：
function a(){
function b(){alert(111)}
return b;
}
a()();//这样你就顺利的看到这个b函数执行了。

最后给你一个让你头晕的案例，呵呵。考虑一下是如何执行的，这个案例你完全搞明白后，基本上js的函数对象返回值问题，就不会再有了。
function a(){
this.b = function (){
return this.c = function(){
alert(111);
}
}
}
(new a().b())();

Answer 2

this就是指当前对象，这在js的高级应用中相当重要。系统默认this指向window
对于 new a()()，我们把它拆开来看就很明了了：
var o = new a()；
o();
首先创建一个类a的一个对象o，在js中你可以把一个对象当做一个函数来用，所以o()就是执行这个对象的函数体。
至于a().b()为什么不行呢？
这里的意思并不是调用a里面的b方法，如果你要调用a里面的b方法应当写成new a().b()；在js中只有对象才能调用对象里面的方法，在js中类、函数、对象在代码中时看不出来的，只有在调用的时候才能区分出，就如你上面这个例子，我们可以说这是一个闭包(也就是函数里面嵌入函数)，此时a是window下面的一个函数，b是嵌入在函数a里面的一个函数。但如果你new了a，那么此时a就是一个类了，但是此时b并不是a里面的方法，而是window下面的方法，在js中如果变量、函数你不申明属于谁，那么系统就默认为是在window下的，如果你要让b是a的方法，应当写成：
function a(){
this.b=function(){}
}
或者写成
function a(){
a.prototype.b=function(){}
}
希望可以帮到你，要学ExtJs，首先必须了解js面向对象，js水平不能再停留在我们简单表当验证了