js作用域及var与无var的区别

在JS里的全局环境就是一个对象，这个对象也是JS运行的根，对浏览器中的JS，这个对象就是window对象。对全局JS语句来说，window对象就相当于当前作用域。

当我们写下：

?

1	var MyJs= 'Start' ;

 就是定义了window作用域的一个变量MyJs，当我们这样写：

?

1	MyJs= 'Start' ;

 就是定义了window作用域的一个属性MyJs。

从上面看，window作用域的一个变量MyJs与window作用域的一个属性MyJs几乎等价，对于全局的js语句来说加var与不加没什么区别，但在函数体内的语句加与不加就有区别了。

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<script language= "javascript" type= "text/javascript" >      var MyLike = 'C#' ;      YouLike = 'C++' ;      alert( '我喜欢：' + MyLike + " 你喜欢：" + YouLike);      //输出：我喜欢：C# 你喜欢：C++      ChangeLike();      function ChangeLike() {            alert(MyLike + '是我喜欢 ' + YouLike + '是你喜欢' ); //undefined是我喜欢 C++是你喜欢          var MyLike = 'JS' ;          YouLike = 'JAVA' ;          alert(MyLike + '是我喜欢 ' + YouLike + '是你喜欢' ) //JS是我喜欢 JAVA是你喜欢      }      alert(MyLike + '是我喜欢 ' + YouLike + '是你喜欢' ) //C#是我喜欢 JAVA是你喜欢 </script>

 

 从上面我们可以看出有var 修饰的在函数内外表现出两个东西，没有var修饰的只表现出一个东西，它的值函数内外都可以改变。上面有个undefined大家应该会觉得很奇怪，为什么不是C#。上面说过，在JS全局语句中有var 的就是一个变量，没有的就是一个属性。变量是有作用域的，代码进去下面的函数中，就相当于在当前作用域中创建了一个子作用域。JS引擎首先会把自定义函数创建为作用域上的变量函数，对所有的var 定义的变量，预编译的时候都会定义为undefined，JS遇到变量和函数时会首先在当前作用域找，没找到再往上层找，而var MyLike = 'JS';说明已经存在，初始值定义为undefined，var MyLike = 'JS'赋值在输出的后面，所以为undefined。

Javascript声明变量的时候，虽然用var关键字声明和不用关键字声明，很多时候运行并没有问题，但是这两种方式还是有区别的。可以正常运行的代码并不代表是合适的代码。

var num = 1；

是在当前域中声明变量. 如果在方法中声明，则为局部变量（local variable）；如果是在全局域中声明，则为全局变量。

而 num = 1；

事实上是对属性赋值操作。首先，它会尝试在当前作用域链（如在方法中声明，则当前作用域链代表全局作用域和方法局部作用域etc。。。）中解析 num； 如果在任何当前作用域链中找到num，则会执行对num属性赋值； 如果没有找到num，它才会在全局对象（即当前作用域链的最顶层对象，如window对象）中创造num属性并赋值。

注意！它并不是声明了一个全局变量，而是创建了一个全局对象的属性。

即便如此，可能你还是很难明白“变量声明”跟“创建对象属性”在这里的区别。事实上，Javascript的变量声明、创建属性以及每个Javascript中的每个属性都有一定的标志说明它们的属性----如只读（ReadOnly）不可枚举（DontEnum）不可删除（DontDelete）等等。

由于变量声明自带不可删除属性，比较var num = 1 跟 num = 1，前者是变量声明，带不可删除属性，因此无法被删除；后者为全局变量的一个属性，因此可以从全局变量中删除。

具体见以下代码：

 

复制代码代码如下:

// num1为全局变量，num2为window的一个属性

 

                     var num1 = 1;

                     num2 = 2;

                     // delete num1;  无法删除

                     // delete num2;  删除

                     function model(){

                            var num1 = 1; // 本地变量

                            num2 = 2;     // window的属性

                            // 匿名函数

                            (function(){

                                   var num = 1; // 本地变量

                                   num1 = 2; // 继承作用域（闭包）

                                   num3 = 3; // window的属性

                            }())

                     }

 

PS. 在ECMAScript5标准中，有一种“严格模式”（Strict Mode）。在严格模式中，为未声明的标识符赋值将会抛引用错误，因此可以防止意外的全局变量属性的创造。目前一些浏览器的新版本已经支持。