Javascript var变量隐式声明方法详解
程序员文章站
2022-04-05 16:14:34
...
在JavaScript中,var用来声明变量,但是这个语法并不严格要求,很多时修改,我们可以直接使用一个变量而不用var声明它。
诸如此类。这有一个问题,比如说在代码中的某一行,我想使用的一个已声明的变量x,结果由于打字或者拼写错误,这个变量被写成y了,结果相当于“隐式”声明了一个变量y,在实际编程过程中,这种错误有时比较难以发现。
除此之外,今天通过同事介绍,了解到这种“隐式声明”中的别外一个问题。
当你在当前上下文内进行这种“隐式”声明时,JavaScript引擎会先在当前上下文中寻找是否之前有声明此变量,如果没有,再到上一级的上下文中去寻找,如果一直未找到,会最后在window上声明这个变量!
比如:
代码如下:
window. y = "hello"; function func(){ y = "OH, NO!!!"; } func(); alert(window.y); //#=> display "OH, NO!!!"
当上下文中的任意一层有这种“隐式”定义的变量时,那么该层的该变量会被修改,而不会在window上生成一个新的变量。(这种bug也挺讨厌的,尤其是封装的比较复杂的代码)
比如:
代码如下:
var x = "window.x"; function a() { var x = "a's x"; var b = function() { var c = function() { //no var! x = "c's x:"; }; alert("before c run,the b.x:" + x); c(); alert("after c run, the b.x:" + x); }; alert("a.x is:" + x); b(); alert("after b function runed, the a.x is:" + x); }; alert("before a run, window.x:" + x); a(); alert("after a run, window.x:" + x);
这里面有以下几层:window, func a, func b, func c一直作层级嵌套。window->a->b->c
window和a中,都有定义变量x,b中未定义该变量,在c中‘隐式'声明了一个x,该x最终修改了a变量的值。
牢记,在JavaScript中,声明变量,一定前面要加var .
以上就是Javascript var变量隐式声明方法详解的详细内容,更多请关注其它相关文章!
上一篇: PHP变量什么时候释放
下一篇: css怎么取消颜色
推荐阅读
-
javascript中var let const三种变量声明方式详解
-
javascript中var let const三种变量声明方式详解
-
JavaScript中var声明方式和变量作用域实例详解
-
JavaScript中声明全局变量的三种方式(包括显示和隐式)
-
var与Javascript变量隐式声明_javascript技巧
-
JavaScript中var声明方式和变量作用域实例详解
-
Javascript var变量隐式声明方法_javascript技巧
-
Javascript var变量隐式声明方法_javascript技巧
-
Javascript var变量隐式声明方法详解
-
var与Javascript变量隐式声明_javascript技巧