ES6 从入门到精通 # 02:let 和 const 命令

简介: ES6 从入门到精通 # 02:let 和 const 命令

说明

ES6 从入门到精通系列(全23讲)学习笔记。



let

1、let 声明变量,没有变量提升

console.log(kaimo);
let kaimo = 10;


41c7807c71a74f0bb9c5b6e3134bb06b.png



2、是一个块作用域

console.log(kaimo)
if(true) {
    let kaimo = 666;
}


96897b30e5974108a20fa53abfe7b9bb.png


3、不能重复声明

let kaimo = 666;
let kaimo = 777;


46ca0d41497348459477c9d0377ad870.png


const


const 除了 let 的三个特性,还有下面的特性:

1、声明常量,一旦被声明,无法修改

const kaimo = 666;
kaimo = 777;


15606c4e65414a87bf404a7fd089ac1f.png


2、可以声明对象,并能修改对象里面的属性值

const kai = {
    mo: 666
};
kai.mo = 777;


ad73b3649b534541988377c3e2ea6040.png

数组也可以修改元素的值:

const a = [1,2,3];
a[0] = 4


43936530c4d442799e981d5a786be0b4.png



作用

作用1、解决 for 变量提升的问题

var arr = [];
for(var i = 0; i < 10; i++) {
    arr[i] = function() {
        return i;
    }
}
arr[6]();


1f0e97c97eb3497ca03d0420a04eaf3d.png


使用 let 跟 const 修改:

const arr = [];
for(let i = 0; i < 10; i++) {
    arr[i] = function() {
        return i;
    }
}
arr[6]();


5c01cc4de373460aae7179456e71e693.png


作用2:不会污染全局变量

let RegExp = 10;
console.log(RegExp);
console.log(window.RegExp);


49bad0275ec248a0b0ac30507b11bd7d.png


建议:在默认的情况下用 const,而只有在你知道变量值需要被修改的情况下使用 let。

目录
相关文章
|
6月前
|
安全 JavaScript 前端开发
ES6 中 let 与 const命令
ES6 中 let 与 const命令
|
2月前
|
JavaScript 前端开发
ES6学习(1)let,const
ES6学习(1)let,const
|
5月前
|
JavaScript 安全 前端开发
【Node.js】从入门到精通(一)—— fs 模块全解析
【Node.js】从入门到精通(一)—— fs 模块全解析
104 0
|
6月前
|
JavaScript IDE 开发工具
es6学习笔记(一)let、const
es6学习笔记(一)let、const
|
6月前
|
JavaScript 前端开发
JavaScript开发中ES6+新特性:介绍一下let和const与var的区别。
JavaScript开发中ES6+新特性:介绍一下let和const与var的区别。
58 1
|
6月前
|
前端开发 JavaScript 安全
【面试题】【ES6】let和const命令 (面试必看)
【面试题】【ES6】let和const命令 (面试必看)
|
JavaScript
ES6的基础用法
对js es6的用法进行简单介绍
|
JavaScript 前端开发 安全
ES6(let和const命令)
ES6(let和const命令)
80 0
|
自然语言处理 JavaScript 前端开发
每天3分钟,重学ES6-ES12(二)var let const的选择
每天3分钟,重学ES6-ES12(二)var let const的选择
91 0
|
前端开发
ES6 从入门到精通 # 20:async 的用法
ES6 从入门到精通 # 20:async 的用法
105 0
ES6 从入门到精通 # 20:async 的用法