EXT 第三天（變量的聲明）

最新推荐文章于 2024-10-16 17:24:41 发布

yingxo9

最新推荐文章于 2024-10-16 17:24:41 发布

阅读量1k

点赞数

分类专栏： EXTJS 文章标签： ext function firebug javascript object 浏览器

EXTJS 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

变量的声明

初始化变量时一定要加上“var”关键字，没有的话这就是一个全局变量。譬如，在下面的例子中，会有一个变量写在函数内部，然而你打算仅仅是声明局部的变量，但实际也可能出现覆盖全局变量的值的情形。在FIREBUG "DOM"的标签页中，你可通过检测“window”看到所有的全局变量。如果你发现有“k”或“x”变量那证明你把这个变量分配在一个不合适的作用域里面。见下例：

var i = 4;
var j = 5;
var k = 7;
var fn = function(){
   var i = 6;
   k = 8;//注意前面没有var 所以这句话的意思的把8赋予到变量k中去！
   alert(i);//6
   alert(j);//5
   alert(k+'-1');//8-1
   x = 1;//这句的作用有两种情况，创建全部变量x或覆盖（overwrite）全部变量x
};
fn();
alert(k+'-2');//8-2 (注意不是7-2)

与前面例子变化不大，另外注意的是函数内的k前面是没有var关键字的，所以这里不是声明局部变量，而是将某个值再次分配到k这个全局变量中。另外要注意的是，alert方法执行期间，参数i是当前能找到的局部变量，它的值是6，但参数j在当前作用域找不到，就沿着作用域链（scope chain）向上查找，一直找到全局变量的那个j为止。

在Ext中指定作用域

前面已提及，当调用函数时Ext能灵活处理作用域的问题。部分内容来自dj的帖子。

调用函数时，你可以把this想象为每个函数内的一个特殊（躲起来的）参数。无论什么时候，JavaScript都会把this放到function内部。它是基于一种非常简单的思想：如果函数直接是某个对象的成员，那么this的值就是这个对象。如果函数不是某个对象的成员那么this的值便设为某种全局对象（常见有，浏览器中的window对象）。下面的内部函数可以清晰的看出这种思想。

一个函数，若是分配到某个变量的，即不属于任何对象下的一员，那么this的参数就变为windows对象。下面是一个例子，可直接粘贴到Firebug的console：

var obj = {
	toString:function(){ return 'obj的范围内（作用域内）';}, //重写toString函数，方便执行console.log(this)时的输出
	func: function(){
		// 这里的函数直接从属与对象"object"
		console.log(this); 
		var innerFunc = function(){
			//n这里的函数不是特定对象的直接成员，只是另外一个函数的变量而已
			console.log(this); 
		};
		innerFunc();
	}
};
obj.func(); 
// 输出 "obj的范围内（作用域内）"
// 输出 "Window的一些相关内容..."

缺省下是这样调用一个参数的-但你也可以人为地改变this参数，只是语法上稍微不同。将最后一行的"obj.func();" 改为：

obj.func.call(window);
// 输出 "Window的一些相关内容..."
// 输出 "Window的一些相关内容..."

从上面的例子中可以发现，call实际上是另外一个函数（方法）。call 属于系统为obj.func内建的方法（根据JavaScript之特点可得知，函数是一种对象。）。

通过这样改变this指向的作用域，我们可以继续用一个例子来修正innerFunc中的this参数，——“不正确”的指向：

var obj = {
	toString:function(){ return 'obj的范围内（作用域内）';}, //重写toString函数，方便执行console.log(this)时的输出
	func: function(){
		// 这里的函数直接从属与对象"object"
		console.log(this); 
		var innerFunc = function(){
			//n这里的函数不是特定对象的直接成员，只是另外一个函数的变量而已
			console.log(this); 
		};
		innerFunc.call(this);
	}
};
obj.func(); 
// 输出 "obj的范围内（作用域内）"
// 输出 "obj的范围内（作用域内）"