A-A+

js声明变量使用var声明与不使用var声明比较

2016年10月15日 web前端设计 暂无评论 阅读 8 views 次

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

JS中变量申明分显式申明和隐式申明,代码如下:

var i=100;//显式申明

i=100;//隐式申明

在函数中使用var关键字进行显式申明的变量是做为局部变量,而没有用var关键字,使用直接赋值方式声明的是全局变量。 
 
当我们使用访问一个没有声明的变量时,JS会报错。而当我们给一个没有声明的变量赋值时,JS不会报错,相反它会认为我们是要隐式申明一个全局变量,这一点一定要注意,代码如下:

var num = 1;

是在当前域中声明变量. 如果在方法中声明,则为局部变量(local variable);如果是在全局域中声明,则为全局变量。

而: num = 1;

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

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

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

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

您可以通过 var 语句来声明 JavaScript 变量:

  1. var x;  
  2. var carname;  
  3. <!--[if !supportLineBreakNewLine]-->  
  4. <!--[endif]-->  

在以上声明之后,变量并没有值,不过您可以在声明它们时向变量赋值,代码如下:

var x=5;

var carname="Volvo";

注释:在为变量赋文本值时,请为该值加引号。

向 JavaScript 变量赋值,通过赋值语句向 JavaScript 变量赋值:

x=5;

carname="Volvo";

变量名在 = 符号的左边,而需要向变量赋的值在 = 的右侧。

在以上语句执行后,变量 x 中保存的值是 5,而 carname 的值是 Volvo。

向未声明的 JavaScript 变量赋值,如果您所赋值的变量还未进行过声明,该变量会自动声明。

这些语句:

x=5;

carname="Volvo";

与这些语句的效果相同,代码如下:

var x=5;

var carname="Volvo";

例,如下代码:

  1. // num1为全局变量,num2为window的一个属性  
  2.                      var num1 = 1;  
  3.                      num2 = 2;  
  4.                      // delete num1;  无法删除  
  5.                      // delete num2;  删除  
  6.                      function model(){  
  7.                             var num1 = 1; // 本地变量  
  8.                             num2 = 2;     // window的属性  
  9.                             // 匿名函数  
  10.                             (function(){  
  11.                                    var num = 1; // 本地变量  
  12.                                    num1 = 2; // 继承作用域(闭包)  
  13.                                    num3 = 3; // window的属性  
  14.                             }())//xiariboke.com  
  15.                      }  
标签:

给我留言