ES6入门教程笔记(2)-let、const和var的区别

1 let命令

ES6新增了let命令,用来声明变量。它的用法和var类似,但有以下几点区别:

  • let声明的变量,只在所在的代码块内有效。
  • let声明的变量,一定要在声明后才能使用,否则报错。
  • 不允许在相同作用域内,重复声明同一个变量。

2 块级作用域

ES5只有全局作用域和函数作用域,没有块级作用域。

let实际上新增了块级作用域的概念,块作用域由 { } 包括,if语句和for语句里面的{ }也属于块作用域。

function f1() {
    let n = 3;
    if (true) {
        let n = 100;
        console.log(n); // 100
    }
    console.log(n); // 3
}

3 const命令

const的用法和作用域和let一样,但是const用来声明一个只读的常量,而且在声明时就必须立即初始化,不能留到后面再赋值。

const PI = 3.14159;
PI // 3.14159

PI = 10; // TypeError

const实际上保证的,只是变量指向的内存地址不能改动。

对于简单类型的数据(数值、字符串),值就保存在那个内存地址,因此等同于常量。但对于复合类型的数据(对象和数组),变量保存的只是一个指向实际数据的指针,这个指针保证固定不变,但指针指向的数据内存是不是可以改变,就不能控制了。

const foo = {};

// 成功添加一个属性
foo.prop = 123;
foo.prop // 123

// 指向另一个对象,就会报错
foo = {}; // TypeError
ES6声明变量的六种方法

ES5 只有两种声明变量的方法:var命令和function命令。

ES6 除了添加letconst命令,还有另外两种声明变量的方法:import命令和class命令。所以,ES6 一共有 6 种声明变量的方法。

4 顶层对象的属性

顶层对象,在浏览器环境指的是window对象,在 Node 指的是global对象。ES5 之中,顶层对象的属性与全局变量是等价的。

windows.a = 1;
a // 1

a = 2; 
window.a // 2

ES6 为了改变这一点,一方面规定,为了保持兼容性,var命令和function命令声明的全局变量,依旧是顶层对象的属性;另一方面规定,let、const、class命令声明的全局变量,不属于顶层对象的属性。

也就是说,从 ES6 开始,全局变量将逐步与顶层对象的属性脱钩。

var a = 1;
window.a // 1

let b = 1;
window.b // undefined

注:本文原始内容来自 ES6标准入门,有修改。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值