js 变量提升(1)

2019-01-17  本文已影响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

上一篇下一篇

猜你喜欢

热点阅读