JScript中的'var'定义变量的作用域_javascript技巧
程序员文章站
2022-04-20 10:14:11
...
都不记得是什么时候看的JScript的语法教程了,里面说在声明变量时忽略var关键字是完全合法的。当时也因为觉得JavaScript是loosely-typed的语言,所以var可能真的就是个摆设。但是事实常常又证明想当然的结果是不可靠的。
看看下面这几个例子的结果就知道问题了:
No.1
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
No.2
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
No.3
[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。
看看下面这几个例子的结果就知道问题了:
No.1
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
No.2
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
No.3
[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。
推荐阅读
-
深入理解JavaScript中的块级作用域、私有变量与模块模式
-
深入理解JavaScript 中的匿名函数((function() {})();)与变量的作用域
-
一篇文章带你了解JavaScript中的变量,作用域和内存问题
-
深入理解JavaScript中的块级作用域、私有变量与模块模式
-
JavaScript中的var与作用域
-
深入理解JavaScript 中的匿名函数((function() {})();)与变量的作用域
-
元素的内联事件处理函数的特殊作用域在各浏览器中存在差异_javascript技巧
-
Javascript 变量作用域 两个可能会被忽略的小特性_javascript技巧
-
如何区别javaScript中定义变量有没有var的区别实例详解
-
一篇文章带你了解JavaScript中的变量,作用域和内存问题