JavaScript变量

JavaScript变量

 变量相当于容器，值相当于容器内装的东西，而变量名就相当于容器上的标签，通过标签可以找到变量，以便读、写它存储的值。

一、变量的声明

• 在JavaScript中，声明变量使用var语句。

    var a;
    var a,b,c;
    var b = 1;

• 说明： 在一个var语句中，可以声明一个或多个变量，也可以为变量赋值，未赋值的变量初始化为undefined值，声明多个变量时，使用逗号运算符隔开。

    var param = 1;
    var param = 2;
    var param = 3;

• 说明： 在JavaScript中，允许对同一个变量重复声明和赋值，值为最后一次所赋值。

注意： 在严格模式下，变量必须要先声明，然后才能使用。

二、变量赋值

• 使用等号对变量进行赋值，等号左边为需要赋值的具体变量，等号右边为给变量所赋的值。

    document.write(a);      // 显示undefined
    a = 0;
    document.write(a);      // 显示0
    var a;

上述声明赋值在声明变量之前，因为JavaScript在预编译时就已经对变量声明语句进行了预解析，所以在先执行第一行时并不会抛出异常，而是显示未初始化的值undefined，在后续赋值操作之后，显示为所赋的值。

三、变量作用域

• 变量作用域(Scope)是指变量在程序中可以访问的有效范围，也称为变量的可见性，JavaScript变量可以分为全局变量和局部变量。

• 全局变量： 变量在整个脚本中都是可见的，可以被自由访问。

• 局部变量： 变量仅能够在声明的函数内部可见，函数外不允许被访问，即不可见。

    var i = 1;                  // 声明初始化全局变量a
    function method(){               // 声明一个函数
        document.write(a);
        var i = 2;              // 声明初始化局部变量a
        document.write(a);
    }

    method();       // 调用函数

四、变量类型

  JavaScript是弱类型语言，对于变量类型的规范比较松散，并不想c、java等强类型语言一样，具体表现如下:

• 变量的类型分类不严谨、不明确，带来使用的随意性。

• 声明变量时，不要求指定类型。

• 使用过程不严格，可以根据需要自动转换变量类型。

• 变量的转换和类型检查没有一套统一、规范的方法，导致开发效率低下。

  优缺点：

• 优点： 使用灵活，简化代码编写开发。
• 缺点： 执行效率低，在开发大型应用时，程序性能会受到影响。

五、变量污染

  全局变量有3种定义方式：

• 在任何函数体外直接使用var语句声明。

    var f = 'value';

• 直接添加属性到全局对象上。在Web浏览器中，全局作用域对象为window。

    window.f = 'value';

• 直接使用未经声明的变量，以这种方式定义的全局变量被称为隐式的全局变量。

    f = 'value';

全局变量在全局作用域内都是可见的，因此具有污染性。大量使用全局变量会使程序的可靠性降低，因为应该避免使用全局变量。

  减少使用全局变量的方法有两种，如下：

• 在脚本中创建一个全局变量，作为当前应用的唯一接口，然后通过对象直接量的形式包含所有应用程序变量。

    var MyApp = {};         // 定义APP访问接口
    MyApp.name = {          // 定义APP配置变量
        "id":"应用id"       
    };

    MyApp.work = {
        num : 123,                      // APP计数器等内部属性
        sub : { name : "sub_id" },      // App应用分支
        doing :function(){              // 具体方法
            // 执行代码
        }
    };

把应用程序的所有变量都追加在该唯一名称空间下，降低与其他应用程序相互冲突的概率，应用程序也会变得更加容易阅读。

• 使用函数体封装应用程序

    (function(window){
        var MyApp = {};         // 定义APP访问接口
        MyApp.name = {          // 定义APP配置变量
            "id":"应用id"       
        };
        MyApp.work = {
            num : 123,                      // APP计数器等内部属性
            sub : { name : "sub_id" },      // App应用分支
            doing :function(){              // 具体方法
                // 执行代码
            }
        };
        window.MyApp;                   // 对应开放应用程序接口
    })(window)

在JavaScript函数体内，所有声明的私有变量、参数、内部函数对外都是不可见的，如果不主动开放，外界是无法访问内部数据的，因此使用函数体封装应用程序是最佳实践。