美文网首页
js 变量提升(1)

js 变量提升(1)

作者: 路上灵魂的自由者 | 来源:发表于2019-01-17 10:55 被阅读16次

    // 栈内存:作用域

        1.提供一个供js代码自上而下执行的环境(代码都是在栈中执行的)

        2.由于基本数据类型比较简单,他们都是直接在栈内存中开辟了一个位置,把值直接存储起来

             =》当栈内存被销毁,存储的那些基本值也都被销毁了

    // 堆内存:引用值对应的空间

        1.存储引用类型值得(对象:键值对 函数:代码字符串)

            =》当前堆内存释放被销毁,那么这个引用值彻底没了

            =》堆内存得释放:当堆内存没有被任何的变量或者其他东西所占用,浏览器会在空闲的时候,自主的进行内存回收,把所有不被占用的堆内存销毁掉(谷歌浏览器)

            =》IE浏览器(计数--内存泄漏)

            xxx = null通过空对象指针null可以让原始变量(或者其他东西)谁都不指向,那么原有被占用的堆内存就没有被其他东西占用了,浏览器被销毁它。

    ### 变量提升

    /*

        * 变量提升:

        *  -> 当栈内存(作用域)形成,JS代码自上而下执行之前,浏览器首先会把所有的带“VAR(声明)”/“function(定义)” 关键字的提前“声明”或者“定义”,这种预先处理机制称之为“变量提升”

        *

        * -> 声明(declare): var a / function sum (默认值undefined)

        * -> 定义(defined): a=12 (定义其实就是赋值操作)

        *

        * 【变量提升阶段】

        *     =》带“VAR”的只声明未定义

        *     =》带“FUNCTION”的声明和赋值都完成了

        *

        *     =》 变量提升只发生在当前作用域(例如:开始加载页面的时候只对全局作用域下的进行提升,因为此时的函数中存储的都是字符串而已)

        *

        *   =》 在全局作用域下声明的函数或者变量是“全局变量”,同理,在私有作用域下声明的变量是“私有变量”[带VAR/FUNCTION的才是声明]

        *

        *   =>浏览器很懒,做过的事情不会重复执行第二遍,也就是当代码执行遇到创建函数这部分代码后,直接跳过即可(因为在提升阶段就已经完成函数的赋值操作了)

        *

    */

    console.log(a);    //undefined,说明a已经存在

    var a = 12;

    function sum(){

        var total = null;

        for(var i=0;i<arguments.length;i++){

            var item = arguments[i];

            item=paeseFloat(item);

            isNaN(item) ? total+=item:null;

        }

        return total;

    }

    console.log(sum(12,23,'34','AA'))

    ### 带VAR和不加VAR的区别

    // => 在全局作用域下声明一个变量,也相当于给WINDOW全局对象设置了一个属性,变量的值就是属性值(私有作用域中声明的私有变量和WINDOW没啥关系)

    console.log(a); //=>undefined

    console.log(window.a) // => undefined

    console.log('a' in window)  

    // =>TRUE 在变量提升阶段,在全局作用域中声明了一个变量A,此时就已经把A当作属性赋值给window了,只不过此时还没有给A赋值,默认UNDEFINED 。in:检测某个属性是否隶属于这个对象

    var a = 12;    //=》全局属性修改,window的属性值也跟着修改

    console.log(a); // =>window的一个属性名A 12

    a = 13;

    console.log(window.a);  //13

    window.a = 14;

    console.log(a)          //14

    // => 全局变量和WINDOW中的属性存在“映射机制”

    ### in的操作(判断某个对象中是否有某个属性)

    var obj = {name:undefined};

    obj.name                     // undefined

    obj.age                      // undefined

    console.log('name' in obj)  // true

    console.log('age' in obj) // false

    ### 不带VAR

    // => 不加VAR的本质是WINDOW的属性,不是变量

    console.log(a)        // a is not defined

    console.log(window.a) //=>undefined

    console.log('a' in window)  //=> false

    a = 12; //=>window.a=12   a=12相等于window.a=12

    console.log(a)  //=>12

    console.log(window.a)  //=>12

    var a = 12,b = 13;//这样写B是带VAR的

    var a = b = 12;  //这样写B是不带VAR的

    面试题  -- 带VAR和不带VAR的

    console.log(a,b)  // undefined  undefined

    var a = 12,

    b = 12;

    function fn(){

        console.log(a,b)  //undefined,12

        /*

           * 私有作用域中daiVAR和不带VAR也有区别

           * 私有作用域下带VAR的是私有变量,带VAR的私有作用域变量提升阶段,都声明为私有变量,和外界没有关系

           * 不带VAR的不是私有变量,会向它的上级作用域查找,看是否为上级变量,不是,继续向上查找,一直找到window为止(我们把这种查找机制叫做:“作用域链”),也就是我们在私有作用域中操作的这个非私有变量,是一直操作别人的。

            */

           var a = b =13; //(b不是私有变量的   /* var a = 13;b = 13; */

            console.log(a,b)  //13,13

    }

    fn();

    console.log(a,b)    // 12,13

    面试题 -- 在私有作用域中 b = 13,输出

    function fn(){

        /*

        * 变量提升

        */

        console.log(b) //: b is not defined

        b = 13;

        console.log('b' in window);  //=>true 在作用域链中查找的过程中,如果找到window也没有这个变量,相当于给window设置了一个属性B

        console.log(b); // =》 13

    }

    fn();

    console.log(b);  // =>13

    相关文章

      网友评论

          本文标题:js 变量提升(1)

          本文链接:https://www.haomeiwen.com/subject/vnibdqtx.html