JavaScript也许对我们搞WEB企业开发人员来说是很熟悉了,但又有几个人真真的学习过他、了解过它呢,可能因为以下种种原因吧,一是可能是太简单了,平时只用它来写点表单的验证,充其量用它来操纵BOM(BOM是什么,请看《JavaScript实现》 )而已;二是可能是我们用得不是很深(一点表单校验吧),也可能是没有太多的时间再去学它(比如我?或许是借口吧?),也可能是...
以前一直没有真真的去学过它,但也曾想过认真的学习一遍,毕竟很常用吧。说到这里,我感到很羞愧,做为一个几年WEB开的人员,还一直认为JScript就是我们平时讲到的JavaScript呢(不知道的请看《JavaScript的历史》 )!也直到前不久看到《悟透JavaScript》 一贴(后面等有空时转载过来认真真的看它一遍),才恍然大悟,JavaScript原来这么大的艺术魅力... 所以现决定从头看一下,好好的熟悉熟悉一下,再说随着互连网的飞速发展,WEB技术中肯定缺少不了它,从N年前到现在还在流行的Ajax就可能出它的魅力了。
好了,还是开始学习点吧,不然老了就学不了,毕竟人的精力与生命是有限的。这里我会把学习过程中较易容出错又较重要的都记录下来并贴于此,供N年后快速查阅。先准备参考《W3Shool手册》,然后是《JavaScript权威指南》,最后就是《JavaScript高级程序设计》。
这里还是从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变量作用域特点:
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