实例浅析javascript变量作用域

来源:互联网 发布:自制松露巧克力 知乎 编辑:程序博客网 时间:2024/05/27 20:10

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

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);
}






原创粉丝点击