在说let和const之前先简单的说一下作用域,因为后面会有提到
ES5中的作用域有全局作用域和函数作用域,到了ES6来新增了:块作用域
块作用域简单的说是:代码中使用{}包起来的,就是一个块作用域
let
先看一个demo:
function test(){
for (let i=1;i<3;i++) {
console.log(i)
}
console.log(i)
}
结果报错
1、i 脱离了块作用域,let声明的变量只有在块作用域重用小 所以报错
2、我们没有声明i调用的时候应该报undefined错误,这里报is not defined ,这是为什么呢?是因为es6默认(强制)开启了严格模式“use strict”,如果在es5中需要开启严格模式的话,在js文件的顶部加上“use strict”
严格模式:变量未声明不能引用
3、let不允许在相同作用域内,重复声明同一个变量。
// 报错
function func() {
let a = 10;
var a = 1;
}
// 报错
function func() {
let a = 10;
let a = 1;
}
只要块级作用域内存在let命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响;
使用var则不会报错,是因为var的变量提升的原因;为了纠正这种现象,let命令改变了语法行为,它所声明的变量一定要在声明后使用,否则报错
function test(){
for (var i=1;i<3;i++) {
console.log(i)
}
console.log(i)
}
const
const是定义常量的
function test() {
const PI = 3.1415926;
PI = 3.14;
console.log(PI)
}
报错: SyntaxError: "" is read-only;
是因为const一旦定义不可被更改(这种说法不严谨,继续看)一旦修改就会报错: SyntaxError: "" is read-only
function test() {
const c = {
a:1
} ;
c.b = 2;
console.log(c)
}
如上图,为什么const定义的c 可以修改其内部属性的值呢?
const 声明的引用类型可以修改,const声明的是指向对象的指针,指针不能变但是对象是可以变的;const定义的基本类型不能修改
function test() {
const PI ;
PI = 3.14;
console.log(PI)
}
const 声明的同时必须赋值,否则报错: SyntaxError:Unexpected token