JScript中的'var'定义变量的作用域

都不记得是什么时候看的JScript的语法教程了，里面说在声明变量时忽略var关键字是完全合法的。当时也因为觉得JavaScript是loosely-typed的语言，所以var可能真的就是个摆设。但是事实常常又证明想当然的结果是不可靠的。 
 看看下面这几个例子的结果就知道问题了： 
No.1  


var var00 = 0; document.write(var00 + ''); var var01 = 1; function foo() { document.write(var01); var var01 = 1; } foo();
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

No.2  


var00 = 0; document.write(var00 + ''); var01 = 1; function foo() { document.write(var01); var01 = 1; } foo();
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

No.3 


var00 = 0; document.write(var00 + ''); var01 = 1; function foo() { document.write(var01); var var01 = 1; } foo();
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

这三个例子的执行结果分别是：  


代码如下:

Results#region Results  
No.1  
0  
undefined

No.2  
0  
1

No.3  
0  
undefined  
#endregion

原来JavaScript的变量也是有作用域的，只是它非常的笼统，就分为全局变量和函数变量。在第二个例子中得到0和1，是因为所有的变量都是全局变量，而且那个语句块一共就定义了两个变量。而第一个第三的函数外全局变量，确实说明var关键字有没有都没有关系。而函数内的var关键字就很关键了，它说明第二个var01是函数内的变量，所以在初始化var01前输出自然就是'undefined'了。

那么函数里面是不是就屏蔽掉了全局的var01了呢？我们知道在C/C++可以使用::去访问全局变量，那么JavaScript可不可以呢？这里其实我们只要明白了全局变量到底是什么东西，就好弄了。原来全局变量都是动态添加到Window对象的实例window上的属性而以，所以我们只要在函数内用：document.write(window.var01);就可以取到其值1了。同时在这个上下文中，function内的this也是指向的window实例，我们也可以把引用写成：this.var01。

By the way, 重看JScript教程时，它说变量只能是[a-zA-Z_]+[a-zA-Z0-9_]*格式，可是'$'却也可以作为变量名字符，而且还可以用在开头，比如：$1234，更甚至于：$$$ 也是合法的变量名，faint。

赞 (0)

相关推荐

  • JavaScript中var关键字的使用详解

    作用 声明作用:如声明个变量. 语法 var c = 1; 省略var 在javascript中,若省略var关键字而直接赋值,那么这个变量为全局变量,哪怕是在function里定义的. <script type="text/javascript"> function Define() { a = 2; } function Hello() { alert(a); } </script> 如代码所示,运行函数Define()后,变量a声明为全局变量.在Hello

  • 浅析JavaScript中var that=this

    在阅读别人的代码时,发现别人写的代码中有这么一句:var that = this;,这代表什么意思呢?经过一番查阅,才明白是这么回事. 在JavaScript中,this代表的是当前对象. var that=this就是将当前的this对象复制一份到that变量中.这样做有什么意义呢? $('#conten').click(function(){ //this是被点击的#conten var that = this; $('.conten').each(function(){ //this是.c

  • Javascript var变量隐式声明方法

    诸如此类.这有一个问题,比如说在代码中的某一行,我想使用的一个已声明的变量x,结果由于打字或者拼写错误,这个变量被写成y了,结果相当于"隐式"声明了一个变量y,在实际编程过程中,这种错误有时比较难以发现. 除此之外,今天通过同事介绍,了解到这种"隐式声明"中的别外一个问题. 当你在当前上下文内进行这种"隐式"声明时,JavaScript引擎会先在当前上下文中寻找是否之前有声明此变量,如果没有,再到上一级的上下文中去寻找,如果一直未找到,会最后在w

  • JavaScript中var的重要性实例分析

    JavaScript中var的重要性实例分析

    本文实例讲述了JavaScript中var的重要性.分享给大家供大家参考,具体如下: 在JS中申明变量是使用var来进行申明,但是有的时候我们没有使用var也可以.这是为什么呢?我来给大家细细的说来. var的本质 var的本质就是来申明变量的 <script> var str = 'China';//申明并进行赋值 </script> 变量的作用范围 先以一个例子来说明引出问题,在这个例子中,在函数t中没有使用var关键字来申明变量,系统认为只是进行赋值操作而已,而且这个赋值操作

  • javascript定义变量时加var与不加var的区别

    一.外部的为全局,内部的为局部变量. 二.加var为局部变量(在方法内),不加var为全局变量(当方法内有一次使用后) 复制代码 代码如下: <script type="text/javascript"> var golbe="global"; test(); function test(){      var local="local";     document.write(golbe);     document.write(l

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

    Javascript声明变量的时候,虽然用var关键字声明和不用关键字声明,很多时候运行并没有问题,但是这两种方式还是有区别的.可以正常运行的代码并不代表是合适的代码. var num = 1: 是在当前域中声明变量. 如果在方法中声明,则为局部变量(local variable):如果是在全局域中声明,则为全局变量. 而 num = 1: 事实上是对属性赋值操作.首先,它会尝试在当前作用域链(如在方法中声明,则当前作用域链代表全局作用域和方法局部作用域etc...)中解析 num: 如果在任何

  • 关于JavaScript中var声明变量作用域的推断

    一.迷思!由一段代码引发的疑惑 请看如下代码: 复制代码 代码如下: for(var i=0;i<3;i++) { console.log(j+","+k); for(var j=0;j<3;j++) { var k = j+1; } } console.log(i); 输出结果: undefined,undefined 3,3 3,3 3 如果你是搞c.java等语言的,可能你会不解,为何j.k这种局部变量可以被作用域外的代码访问呢? 如果JavaScript中用var声

  • JavaScript中const、var和let区别浅析

    在JavaScript中有三种声明变量的方式:var.let.const.下文给大家介绍js中三种定义变量的方式const, var, let的区别. 1.const定义的变量不可以修改,而且必须初始化. const b = 2;//正确 // const b;//错误,必须初始化 console.log('函数外const定义b:' + b);//有输出值 // b = 5; // console.log('函数外修改const定义b:' + b);//无法输出 2.var定义的变量可以修改,

  • javascript定义变量时有var和没有var的区别探讨

    我们先来看一段代码 function show(){ alert(abc); } var abc="defg"; show(); 有过C++或Java编程经验的人可能会说:"这程序,死定了,变量竟然在引用了该变量的函数后边定义,bug会灭掉你的."放在浏览器上运行一下,结果怎样?完美运行!接下来我们就说一下这是咋回事--有var和没有var定义的变量的区别. 1.没有var 简明的说,定义变量时省略var是不安全的,不过是合法的.这时无论该变量是在什么位置定义的,解

  • js for循环，为什么一定要加var定义i变量

    譬如下面. 复制代码 代码如下: for(i=0;i<10;i++){//就不写成: var i=0 alert(i); } 但是,这真的不是个好习惯,下面我就说说为什么写Js的for循环一定要加var,否则会时不时给你带来烦人难查的bug. 譬如现在我们要实现这样的功能:输出 10 20 30 40 50 60 70 80 90 100 通过下面code实现,WriteNumber从1到10循环,每次循环调用TenTimes方法返回10倍的索引值. 复制代码 代码如下: <script ty

  • JavaScript ES6中const、let与var的对比详解

    ECMAScript 6 新增 const 和 let 命令,用来声明变量. 声明方式 变量提升 作用域 初始值 重复定义 const 否 块级 需要 不允许 let 否 块级 不需要 不允许 var 是 函数级 不需要 允许 变量提升:const 和 let 必须先声明再使用,不支持变量提升 console.log(c1, l1, v1); // 报错 // Uncaught ReferenceError: c1 is not defined const c1 = 'c1'; let l1 =

随机推荐