变量的概念

本课程目的:

  1. 理解javascript中变量的概念
  2. 理解javascript中各种数据类型
  3. 了解各数据类型的转换

变量的概念

变量即变化中的量。在javascript中,变量是松散类型的,可以用来保存任何数据类型。

在定义变量时,使用var操作符,后面跟变量名。


                            var message; //变量未初始化,此时变量保存值:undefined
                        
                            var message = "hi"; //定义变量时直接初始化,此时变量值为:hi
                        
                            var i = 0,sum; //可同时声明多个变量,用逗号隔开
                        

变量作用域

局部变量:是在函数内部声明的变量,在函数内部任何地方都是有定义,在函数退出后,会被销毁;

全局变量:拥有全局作用域,在js代码中的任何地方都有定义。

全局变量作用域测试:

                            var global;
                            function test_global_variable(){
                                global = "global variable!";
                                return global;
                            }

                            test_global_variable();
                            alert(global); //弹出global variable!
                        

局部变量作用域测试:

                            function test_local_variable(){
                                alert(local); //弹出undefined。此时变量时存在的,但未被定义。
                                              //这种特性被称为“声明提前”。
                                var local = "local variable!"; //局部变量
                                return local;
                            }

                            test_local_variable();
                            alert(local); //报错:ReferenceError: local is not defined
                        

在函数中,局部变量的优先级高于全局变量,即假如有同名的局部变量和全局变量,那么局部变量会覆盖全局变量。

                            var variable = "global"; //定义了一个全局变量
                            function test_variable(){
                                var variable="local"; //定义了一个同名的全局变量
                                return variable;
                            }
                            alert(test_variable()); //弹出:local
                            alert(variable); //弹出:global
                        

第一个alert是返回函数调用的返回值,即函数内部定义的变量variable,此时它替代了全局作用域中定义的variable的值,显示为“local”;

第二个alert是返回变量variable。由于调用结束后,其内部定义的变量将被销毁,所以第二个弹出语句是返回全局变量。全局变量并未被改变,所以显示为“global”。

执行环境及作用域链

执行环境定义了变量或函数有权访问的其他数据,决定了它们各自的行为。某个执行环境中的所有代码执行完毕后,该环境被销毁,保存在其中的所有变量和函数也随之销毁(全局执行环境直到关闭页面时才会销毁)。全局执行环境是最外围的执行环境,在Web浏览器中,全局执行环境被认为是window对象。

每一段js代码(全局代码或函数)都有一个与之关联的作用域链。这个作用域链是一个对象列表,定义了这段代码“作用域中”的变量。

当js需要查找变量x的值时,它会从链中第一个对象开始查找,如果这个对象有名为x的属性,则会直接使用这个属性的值,如果没有,js会继续查找下一个对象,以此类推。如果整个作用域链上没有任何一个对象含有x,那么称这段代码的作用域链上不存在x,并抛出异常。

                            function test_chain(){
                                var x = 1;
                                function f(){
                                    var y = 3;
                                    var sum = 0;
                                    sum = y + x;
                                    return sum;
                                }
                                return f();
                            }
                            alert(test_chain()); //弹出4
                        

针对这个例子,来讲讲刚才提到的作用域链。

首先,要引用变量x的地方是函数f,所以,js会先在函数f中寻找变量x,很显然,函数f中,并没有定义变量x,这时,js便会向上查找(这里是指包含函数f的函数test_chain),在test_chain中有定义x的值,最终js变引用test_chain中定义的变量x的值1。取到x的值,再与y(3)相加,便得到sum的值:4。

通过这个例子可以很明白的看出,js就是这样一层层向外查找变量,直到最外层。