JavaScript变量作用域与生命周期详解

JavaScript变量作用域与生命周期基础

变量的作用域决定了变量在代码中的可见范围，而生命周期则从存活时间的角度描述变量的存在状态。

在JavaScript中，变量作用域主要分为全局变量和局部变量。在函数内部使用var声明的变量为局部变量，而在函数外部声明的变量通常被视为全局变量。需要注意的是，"函数外为全局变量"这一说法是相对的；此外，本文讨论的前提是使用var显式声明的变量。如果在函数内部不使用var定义变量，该变量会默认成为全局变量，但这种忽略var的声明方式是不被推荐的。

var glob = 4;//函数外声明全局变量
function fun() {
var height = 20; //函数内用var声明的是局部变量
weight = 50; //函数内不用var声明的是全局变量
} 
fun();
alert(weight);

JavaScript与Java块级作用域对比

JavaScript中没有块级作用域，即由大括号{}包围的代码块不形成独立的作用域。这与Java不同，Java中存在块级作用域。例如在Java的main方法中执行以下代码：

public static void main(String... args) {
for(int i=0;i<5;i++) {
　　} 
    { 
int j=10;
    } 
int z = 20;
System.out.println(i); // i不可见，语法分析时报错，即编译不通过
System.out.println(j); // j不可见，语法分析时报错，即编译不通过
System.out.println(z); // z可见，输出20
} 

然而，如果在JavaScript中执行类似逻辑：

for(var i=0;i<5;i++) {
} 
var obj = {name:"Lily"};
for(var attr in obj) {
} 
{ 
var j=10;
} 
alert(i);//输出4，没有块级作用域
alert(attr); //输出name，没有块级作用域
alert(j);//输出10，没有块级作用域

全局变量污染与let关键字解决方案

这一现象揭示了一个重要问题：应避免在全局范围内使用for循环同时声明变量，否则会导致全局命名空间的污染。

此外，JavaScript 1.7规范中引入了let关键字来声明变量（详见https://developer.mozilla.org/cn/New_in_JavaScript_1.7），该变量仅作用于for语句的范围。

for(let i=0;i<5;i++) {
//todo
} 
alert(i);//运行时报错，提示i未定义

要使用JavaScript 1.7特性，需这样引用：<script type="application/javascript;version=1.7"/></script>

注：Firefox 2及以上版本已实现JavaScript 1.7标准。