在Javascript中 声明时用"var"与不用"var"的区别

原创 2018年04月17日 12:46:36

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)。在严格模式中,为未声明的标识符赋值将会抛引用错误,因此可以防止意外的全局变量属性的创造。目前一些浏览器的新版本已经支持。

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/yilaguandemei/article/details/79973150

在Javascript中 声明时用"var"与不用"var"的区别,== 和 ===的区别

1. 在Javascript中 声明时用"var"与不用"var"的区别 Javascript声明变量时 var a = 111; 和 a = 111; 两种方式一样吗?...
  • n9nzjx57bf
  • n9nzjx57bf
  • 2017-05-19 09:44:24
  • 121

在Javascript中 声明时用\"var\"与不用\"var\"的区别

Javascript声明变量的时候,虽然用var关键字声明和不用关键字声明,很多时候运行并没有问题,但是这两种方式还是有区别的Javascript声明变量的时候,虽然用var关键字声明和不用关键字声明...
  • forest_fire
  • forest_fire
  • 2016-03-21 11:08:40
  • 177

Javascript 声明时用“var”跟不用"var"的区别

http://www.cnblogs.com/Kingle/archive/2013/04/08/2998942.html
  • justformylife
  • justformylife
  • 2017-05-02 10:12:20
  • 124

js函数的参数声明中用var与不用var的区别

var 声明的变量,作用域是当前 function  没有声明的变量,直接赋值的话, 会自动创建变量  但作用域是全局的.  //----------------- function doSt...
  • u011666411
  • u011666411
  • 2017-03-16 17:24:34
  • 398

JavaScript_var和不用var声明变量的区别

在chrome 在调试的时候使用 ctrl+shift+I JavaScript 在函数(类)内部用var 声明的变量在函数外面是不可访问的.如下例     function f1(){ ...
  • u010003835
  • u010003835
  • 2015-11-06 14:30:39
  • 3419

javaScript中使用var和不是用var定义变量的区别

javaScript与java、c语言虽然有很多相同,但是也存在区别 JavaScript的变量没有块范围 (1)看下面的例子 //定义全局变量 var scope="全集变量";...
  • xiaofei__
  • xiaofei__
  • 2017-01-20 16:39:29
  • 1231

js中var用与不用的区别

Javascript声明变量的时候,虽然用var关键字声明和不用关键字声明,很多时候运行并没有问题,但是这两种方式还是有区别的。可以正常运行的代码并不代表是合适的代码。 var num = 1;...
  • wangyidasb
  • wangyidasb
  • 2015-07-13 16:08:22
  • 2979

js中定义变量加var和不加var的区别

这个问题其实我在面试的时候有被问到过,当时我记得我回答的很模糊,面试官看到我好像不太清楚,又问我是不是可以不加var定义变量。。。正好昨天做项目的时候想到这个问题,觉得这种细节上的问题才是拉开差距的。...
  • a3025056
  • a3025056
  • 2016-09-01 10:17:33
  • 4389

JavaScript中const、var和let区别浅析

在JavaScript中有三种声明变量的方式:var、let、const。下文给大家介绍js中三种定义变量的方式const, var, let的区别。 1.const定义的变量不可以修改,而且必...
  • lianhao19900202
  • lianhao19900202
  • 2016-12-20 17:02:19
  • 3511

js中let和var定义变量的区别

本文对比了js中let和var关键字在声明变量时的异同之处。
  • nfer_cn
  • nfer_cn
  • 2015-09-28 10:30:08
  • 89037
收藏助手
不良信息举报
您举报文章:在Javascript中 声明时用"var"与不用"var"的区别
举报原因:
原因补充:

(最多只允许输入30个字)