三个声明 var let const 的区别

var 相信都很熟悉,我作为一个菜鸟,刚开始学习 JS 的时候就是整天 var,也不知道 let 是何物。
而在这个岗位上, ES6 中还新引入了 const,那么究竟这三个相似的东西有什么区别呢,来详细探究一下。


var

首先看看最熟悉的 var

  • 声明变量,不赋值的情况下。 var a ; //undefine
  • 声明之后可以重复随意赋值。 var a; a= 1; a= 2;
  • 可以把自身赋值给其它对象。 var a= 1; var b= a;
  • 一个 var 声明多个变量,逗号隔开。 var a= 1, b= 2, c= 3;
  • 作用域为函数作用域。 { var }
  • 会成为全局变量的属性。 var a= 1; window.a; // 1
  • 在作用域会被提升,优先执行。 console.log(a); var a= 1; // 1
  • ……

以上这些就是 var 的大部分特性,那么下面来看看 let

let

相对于 var ,它有以下主要特点,可以说是强迫症版本

  • 前面几条是相似的,那么重点来了

  • 作用域为块级作用域。

    if (true) { let j = 1 };  console.log(j); //not define
    

    for 循环中,每一次循坏块就是 let 的作用域,在循环外无法访问定义的 j

    var a = [];
    for (let j = 0; j < 10; j++) {
      a[j] = function () { console.log(j); }
    };
    a[3]();  // 3
    a[6]();  // 6
    

    这个问题在闭包中可以说很常见了,使用了 let 的话 j 被声明在各自的作用域中不会混淆,最终打印出的是对应的 j ,若使用 var ,所有打印结果都是 10。

  • 不会变成全局变量的属性。

  • 在作用域内不会被提升。 console.log(a); let a= 1; //not define

  • 作用域内不能重复声明已有变量。 let a = 1, a = 2; //been declared

  • 暂时性死区。

    var a = 1,
        b = 1
    if (true) {
      console.log(a)  //not define
      console.log(b)  //1
      let a = 3
      console.log(a)  //3
    }
    

    当 let 作用域内声明某个变量时,该变量形成暂时性死区,无法读取到外部的 var 声明。

  • ……

const

最后说说 const ,其实相对简单,它的特性跟 let 是一样一样的。
它只是 let 引申出的一个专门版本,专门什么?

  • 专门储存常量。

既然是常量,那就是不改变的,声明后不可重新赋值,所以声明时也必须初始化,否则都会报错。

const a;  //Missing initializer
const a= 1;  a= 2; //Assignment to constant variable

不过有这么一种情况(不正当用法)

const obj = {a: 1}
obj = {a: 2}  //Assignment to constant variable
obj.a = 2   // obj = {a: 2}
obj.b = 3   // obj = {a: 1, b: 2}

在这种情况下就改变了 const 声明的常量的值,其实很好理解。
直接赋值的话,就是改变 obj 常量的引用,这样是不被允许的。
而改变引用指针的指向,是可以随意改变的。

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