js 变量提升(1)

// 栈内存:作用域

    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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 214,377评论 6 496
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,390评论 3 389
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,967评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,344评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,441评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,492评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,497评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,274评论 0 269
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,732评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,008评论 2 328
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,184评论 1 342
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,837评论 4 337
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,520评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,156评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,407评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,056评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,074评论 2 352

推荐阅读更多精彩内容