1、变量定义、作用域

  • 前言

      JavaScript也许对我们搞WEB企业开发人员来说是很熟悉了,但又有几个人真真的学习过他、了解过它呢,可能因为以下种种原因吧,一是可能是太简单了,平时只用它来写点表单的验证,充其量用它来操纵BOM(BOM是什么,请看《JavaScript实现》 )而已;二是可能是我们用得不是很深(一点表单校验吧),也可能是没有太多的时间再去学它(比如我?或许是借口吧?),也可能是...

 

以前一直没有真真的去学过它,但也曾想过认真的学习一遍,毕竟很常用吧。说到这里,我感到很羞愧,做为一个几年WEB开的人员,还一直认为JScript就是我们平时讲到的JavaScript呢(不知道的请看《JavaScript的历史》 )!也直到前不久看到《悟透JavaScript》 一贴(后面等有空时转载过来认真真的看它一遍),才恍然大悟,JavaScript原来这么大的艺术魅力... 所以现决定从头看一下,好好的熟悉熟悉一下,再说随着互连网的飞速发展,WEB技术中肯定缺少不了它,从N年前到现在还在流行的Ajax就可能出它的魅力了。

 

好了,还是开始学习点吧,不然老了就学不了,毕竟人的精力与生命是有限的。这里我会把学习过程中较易容出错又较重要的都记录下来并贴于此,供N年后快速查阅。先准备参考《W3Shool手册》,然后是《JavaScript权威指南》,最后就是《JavaScript高级程序设计》。

 

这里还是从ECMAScript学起吧,毕竟他才是规范,学嘛,当然要学标准的。

  • ECMAScript 变量

变量定义

ECMAScript 中的变量是用 var 运算符(variable 的缩写)加变量名定义的。

var test = "hi";

ECMAScript 是弱类型的,所以解释程序会为 test 自动创建一个字符串值,无需明确的类型声明。

用同一个 var 语句定义的变量不必具有相同的类型,如下所示:

var test = "hi", age = 25;

ECMAScript 中的变量并不一定要初始化。

变量可以存放不同类型的值 。例如,可以把变量初始化为 字符串类型的值,之后把它设置为数字值,如下所示:

var test = "hi";
alert(test);
test = 55;
alert(test);

 

命名变量

变量名需要遵守两条简单的规则:

 

第一个字符必须是字母、下划线(_)或美元符号($)

余下的字符可以是下划线、美元符号或任何字母或数字字符

 

 变量声明不是必须的

var sTest = "hello ";
sTest2 = sTest + "world";//此变量未声明
alert(sTest2);


ECMAScript 的解释程序遇到未声明过的标识符时,用该变量名创建一个全局变量,并将其初始化为指定的值。

 

 变量作用域

ECMAScript中只存在一种作用域——公用作用域 。ECMAScript中的所有对象的所有属性和方法都是公用的。
严格说来,ECMAScript并没有静态作用域 。不过,它可以给构造函数提供属性和方法。构造函数只是函数。函数是对象,对象可以有属性和方法 。例如:
function sayHi(){
alert('hi');
}
sayHi.alternate = function(){
alert('hola');
}
sayHi();//hi
sayHi.alternate();//bola

这里,方法alternate()实际上是函数sayHi的方法。可以像调用常规函数一样调用sayHi()输出"hi",也可以调用 sayHi.alternate()输出"hola"。即使如此,alternate()也是sayHi()公用作用域中的方法,而不是静态方法。

 

JavaScript变量作用域特点:

  •    JavaScript的变量作用域是基于其特有的作用域链的。 
  •    JavaScript没有块级作用域(只有函数级作用域)。
  •    函数中声明的变量在整个函数中都是有效的。 

1、变量作用域是基于其特有的作用域链的

<script type="text/javascript" language="javascript">   
  
var rain = 1;   
function rainman(){   
    var man = 2;   //注:函数内定义的变量只能在该函数内使用,不能在函数外调用,
                           //所以变量的作用域是函数级的    
    function inner(){   
        var innerVar = 4;   
        alert(rain);   
    }   
    inner();      
}   
rainman();     
  
</script>  

 

观察alert(rain);这句代码。JavaScript首先在inner函数中查找是否定义了变量rain,如果定义了则使用inner函数中的rain变量;如果inner函数中没有定义rain变量,JavaScript则会继续在rainman函数中查找是否定义了rain变量,在这段代码中rainman函数体内没有定义rain变量,则JavaScript引擎会继续向上(全局对象)查找是否定义了rain;在全局对象中我们定义了rain = 1,因此最终结果会弹出'1'。

作用域链:JavaScript需要查询一个变量x时,首先会查找作用域链的第一个对象,如果以第一个对象没有定义x变量,JavaScript会继续查找有没有定义x变量,如果第二个对象没有定义则会继续查找,以此类推。

上面的代码涉及到了三个作用域链对象,依次是:inner、rainman、window。

 

2、函数体内部,局部变量的优先级比同名的全局变量高 

<script type="text/javascript" language="javascript">   
  
var rain = 1;    //定义全局变量 rain   
function check(){   
    var rain = 100;    //定义局部变量rain   
    alert( rain );    //这里会弹出 100   
}   
check();   
alert( rain );    //这里会弹出1   
  
</script>  

 

3、JavaScript没有块级作用域 

<script type="text/javascript" language="javascript">   
  
function rainman(){   
/**  
 * rainman函数体内存在三个局部变量 i j k,它们的作用域是相同的,且在整个rain函数体内都是全局的。 
 */  
    var i = 0;   
    if( 1 ){   
        var j = 0;   
        for( var k = 0 ; k < 3 ; k++ ){   
            alert( k );    //分别弹出 0 1 2   
        }   
        alert( k );    //弹出3   
    }   
    alert( j );    //弹出0   
}   
  
</script>  

 

4、内层函数声明的变量会隐藏掉外层函数相同变量的声明 

<script type="text/javascript" language="javascript">   
  
function outer(){
	var x = 1;   
	function rain(){   
		alert( x );    //弹出 'undefined',而不是1   
		var x = 'rain-man';   //隐藏函数外层相同变量的声明
		alert( x );    //弹出 'rain-man'   
	}   
	rain();  
	alert(x); //弹出 '1'  只会在rain方法里隐藏变量的声明,在函数外还是用外层声明的变量
}
outer();
  
</script>  

 

这是由于在函数rain内局部变量x在整个函数体内都有定义( var x= 'rain-man',进行了声明),所以在整个rain函数体内隐藏了同名的全局变量x。这里之所以会弹出'undefined'是因为,第一个执行alert(x)时,局部变量x仍未被初始化。


5、未使用var关键字定义的变量都是全局变量 

<script type="text/javascript" language="javascript">   
	function rain(){   
		x = 100;    //声明了全局变量x并进行赋值   
	}   
	//alert(x); 	//运行会出错,在调用rain方法之前,x未声明,因为
				//未声明的任何变量除了可以typeof操作外的任何操作都是不允许的
	rain();   
	alert( x );    //会弹出100   
</script> 

  这也是JavaScript新手常见的错误,无意之中留下的许多全局变量。

 

6、全局变量都是window对象的属性 

<script type="text/javascript" language="javascript">   
	var x = 100 ;   
	alert( window.x );     //弹出100   
	alert('x' in window);   //进一步证明全局变量为window的属性
</script>  

 

等同于下面的代码

<script type="text/javascript" language="javascript">   
	window.x = 100;   
	alert( window.x );   
	alert(x);   
</script>  

原帖地址:http://www.cnblogs.com/rainman/archive/2009/04/28/1445687.html

你可能感兴趣的:(JavaScript,Ajax,Web,J#)