声明变量提前

1. 作用域链

2. 声明提升

js在访问一个变量时会优先在该作用域(访问时的那个作用域)内寻找是否声明过该变量，如果该变量已经存在，则直接使用它的值，否则它会寻找该作用域的‘父作用域/上级作用域’，以此类推，直到找到全局作用域为止。

关于声明提升是指：js在解析的时候总是会将var, function这类关键词的声明语句提升至该作用域的最顶部(注意：这里只会提升声明部分)。

var tt = 'aa';   

 function test(){ alert(tt); var tt = 'dd'; alert(tt); } test();


第一个弹出undifine。第二个弹出 dd

于是那段代码等价于下面

var tt = 'aa';   

function test(){ var tt; //这个tt未被赋值，按js的‘规矩’，它的值是`undefined`（把tt='dd'提前了，但是不会赋值 所以是 var=tt 而tt未定义） alert(tt); tt = 'dd'; alert(tt); } test();

所以执行的时候返回的是 undefined 和 dd.

 var tt = 'aa';

 function test(){ alert(tt); test();
返回值是 aa

另一个例子


<script
type="text/javascript">
var a = 1;
var a;
alert(typeof a);

(function () {
b = '-----';
var b; 
})();
alert( typeof b);
</script>

第1题：
var a = 1;
var a;
第2行声明变量a，就相当于在顶部声明了a，然后第一句是重新声明a，然后赋值为1。（即  var a;a=1;）所以typeof a为number
第2题：
b = '-----'; 
var b; 
第二题解析：b=‘-----’，程序首先会去查找上下文是否有变量b的声明，如果有的话，直接赋值为’-----’。但是alert( typeof b); 是在函数外面，输出的全局变量b，所有是undefined。
请注意：对变量的赋值操作并没有提前。

转载于:https://www.cnblogs.com/tantry/p/4350811.html