网站地图    收藏   

子栏目

主页 > 前端 > javascript >

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

来源：自学PHP网    时间：2014-09-19 14:47 作者： 阅读:次

[导读] 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 变量：

 代码如下 复制代码
var x;
var carname;
<!--[if !supportLineBreakNewLine]-->
<!--[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";

例

 代码如下 复制代码

// 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的属性

                            }())

                     }

最新评论

    加载更多~~

    添加评论

    更多文章推荐

    自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习

    京ICP备14009008号-1@版权所有www.zixuephp.com

    网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com

    添加评论