ES6 学习笔记 1 let与const

ES6新特性详解

最新推荐文章于 2024-12-24 13:04:48 发布

原创最新推荐文章于 2024-12-24 13:04:48 发布 · 272 阅读

0 ·

CC 4.0 BY-SA版权

读书笔记专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了ES6中新增的let和const命令的使用方法及其区别，并解释了这些命令如何帮助开发者更好地管理变量作用域。此外，还探讨了如何利用object.freeze冻结对象以创建不可变数据结构。

ES6新增了let 命令用法类似于var 但是声明的变量只在let命令所在的区域内有效

{
    let a = 10;
    var b = 1;
}
a //ReferenceError: a is not defined.
b //1

for 循环的计数器，就很使用let命令

for (let i = 0;i < 10;i++) {}
console.log(i);
//ReferenceError: i is not defined.

使用let指令需要注意的是一定要先声明后使用，否则就报错。

console.log(foo); //输出undefined
console.log(bar); //报错ReferenceError

var foo = 2;
var bar = 2;

const命令
const声明一个只读的常量，一旦声明变量，就必须立即初始化

const PI = 3.1415

使用object.freeze方法冻结对象

const foo = object.freeze({});
//常规模式时，下面一行不起作用
//严格模式时，该行会报错
foo.prop = 123;

除了冻结对象本身，还需要冻结对象的属性

var constantize = (obj) => {
    object.freeze(obj);
    object.keys(obj).forEach( (key, value) => {
        if (typeof obj[key] === 'object') {
            constantize( obj[key]);
        }
    });
};

ES5只有两种声明变量的方法：var 和 function
ES6增加了 let 和 const 命令还有 import 和 class 命令
顶层对象，在浏览器环境值得是window对象，在Node指的是global对象。ES5中：

window.a = 1;
a //1
a = 2;
window.a //2

ES6中let const class 不属于顶层对象的属性

var a =1'
window.a //1

let b = 1;
window.b //undefined