JavaScript JS 作用域小问题
求教，请问最后 alert 为什么不是 2 ? var a = 3 ; 执行到这里的时候，都发生了什么!!!
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>Basic1</title>
</head>
<body>
<button onclick="doit();">alert</button>
<script>
var a = 10;
function sth(){
console.log(a);//undefine
a=2;
console.log(a);//2
if(a >0){
var a = 3;
console.log(a);//3
}
}
function doit(){
sth();
alert(a);//alert 10
}
</script>
</body>
</html>
var a = 10;
var b = 10;
function sth(){
console.log(a);//undefine
a=2;
console.log(a);//2
if(a >0){
b = 3;
console.log(a);//3
}
}
function doit(){
sth();
alert(a+"+"+b);//2+3
}
你再试下这个，再看看代码，你就明白了，你调的 a 是全局 a，想调 sth() 里的变量，把 alert 写到 sth() 里吧
<script>
var a = 10;
var b = 10;
function sth(){
console.log(a);//10
a=2;
console.log(a);//2
if(a >0){
b = 3;
console.log(a);//2
}
}
function doit(){
sth();
alert(a+"+"+b);//2+3
}
</script>
这样是我期待的结果了. 可是原帖中的现象要怎么解释呢？
@cbdfocus @maomaoxgg 根本原因在这里：var a = 3. Javascript 里面 var 定义不管是在什么地方，都自动等同于作用域顶部。所以你看似在代码中间定义了 var, 其实 function sth 一开始就知道 a 是一个本地变量了，a=2 其实改变的是本地变量，并非全局。
所以 coding 规范才推荐把 var 定义放在顶部，以免产生误解。
Variable declarations, wherever they occur, are processed before any code is executed. The scope of a variable declared with var is its current execution context, which is either the enclosing function or, for variables declared outside any function, global.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/var
- 声明变量的作用域限制在其声明位置的上下文中，而非声明变量总是全局的。
- 声明变量在任何代码执行前创建，而非声明变量只有在执行赋值操作的时候才会被创建。
- 声明变量是它所在上下文环境的不可配置属性（non-configurable property），非声明变量是可配置的（例如非声明变量可以被删除）。
关于区别的第二条，是不是说，js 会先检查所有代码的 var 关键字，如果有声明就先占一个位置来明确作用域。这样理解对吗？@billy
var a = 'aa'
var a = 'aaa'
虽然这样写不好，但好像也没啥问题吧？ @maomaoxgg
#10 楼 @cbdfocus 你所疑惑的这种现象叫做 Hoisting，可以看看这篇总结：http://segmentfault.com/a/1190000000348228