声明变量提前


1. 作用域链

2. 声明提升

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

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



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。
请注意:对变量的赋值操作并没有提前。











posted on 2015-03-19 16:29  小怪兽打得过奥特曼  阅读(325)  评论(0编辑  收藏  举报