• 声明变量提前



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











  • 相关阅读:
    Coursera Algorithm II PA2 Q2
    Coursera Algorithm Part II PA2
    实现 memcpy 函数
    超人
    Proxy 模式
    【6】锋利的 jQuery 笔记
    【3】Chrome 的一些常用操作
    HTML 待解决与已解决问题
    CSS 待解决问题
    JS 一些常用技巧
  • 原文地址:https://www.cnblogs.com/tantry/p/4350811.html
Copyright © 2020-2023  润新知