var与Javascript变量隐式声明_javascript技巧-js教程-PHP中文网

var与Javascript变量隐式声明_javascript技巧

php中文网

发布： 2016-05-16 18:46:20

原创

1564人浏览过

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

BetterYeah AI

基于企业知识库构建、训练AI Agent的智能体应用开发平台，赋能客服、营销、销售场景 -BetterYeah

110

查看详情

复制代码代码如下:

 
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监控系统_性能指标采集与分析 JavaScript柯里化_函数式编程核心概念 JavaScript实现图片懒加载的三种方式_javascript性能优化 Node-RED UI模板中标签内动态数据处理指南 JS对象冻结方法_不可变对象创建