Javascript变量作用域的一些Tips

全局域变量在局部可见，局部变量在全局不可见

var global_value = 'global value'; 
func();
console.log(local_value);
function func(){
  var local_value = 'local_value';
  console.log(global_value);
}

输出：

1.global value

2.Uncaught ReferenceError: local_value is not defined

anonymous function

所以，局部域可以修改全局域变量的值

var global_value = 'global value'; 
func();
console.log(global_value);
function func(){
  global_value = 'local_value';
  console.log(global_value);
}

输出：

1.local_value

2.local_value

上面的例子可作为javascript作用域链scope chain的例证

更多scope chain的内容可参考javascript：the definitive guide

深入理解变量作用域一节

 

局部域重复声明覆盖全局域

var global_value = 'global value'; 
func();
console.log(global_value);
function func(){
  var global_value = 'local_value';
  console.log(global_value);
}

输出：

1.local_value

2.global_value

此例可作为javascript作用域链scope chain的例证

 

块级作用域无效

即如if语句中声明的变量在if语句外可见

func(); 
function func(){
  console.log(inner_value);
  if(true){
    var inner_value = 'inner_value';
  }
  console.log(inner_value);
}

输出：

1.undefined

2.inner_value

undefined指声明了但未定义，可能是定义的相关语句在后面的缘故

 

隐式声明默认实现为全局变量，拥有全局作用域

即使在局部域中声明也是实现为全局域变量

func(); 
console.log(inner_value);
function func(){
  inner_value = 'inner_value';
  console.log(inner_value);
}

输出：

1.inner_value

2.inner_value

所以javascript的每个变量，建议都通过var关键字来声明