es6-let和const
2020-01-19 本文已影响0人
ysdyyy
1:let
基本语法
let 声明的变量,只在let命令所在的代码块内有效
{
let a = 1;
var b = 1;
}
for循环设置循环变量的那部分是一个父作用域,而循环体内部是一个单独的子作用域。
for (let i = 0; i<3; i++){
let i = 'abc';
console.log(i);
}
不存在变量提升
console.log(foo);// 输出undefined
var foo = 1;
console.log(b);// 报错ReferenceError
let b = 1;
暂时性死区
只要块级作用于内存在let命令,它所声明的变量就绑定这个区域,不再受外界影响
var t = 1;
if (true){
t = 2;// ReferenceError
let t;
}
在代码块内,使用let命令声明变量之前,该变量都是不可用的,这在语法上,成为“暂时性死区”
不允许重复声明
2:块级作用域
为什么需要块级作用域
- 内层变量可能会覆盖外层变量
- 用来计数的循环变量泄露为全局变量
ES6的块级作用域
let 实际上为JavaScript新增了块级作用域
function f1(){
let n = 5;
if(true){
let n = 10;
}
console.log(n);// 5
}
内层作用域可以定义外层作用域的同名变量。
函数能不能在块级作用域中声明?
- ES5规定,函数只能在顶层作用域和函数作用域中声明,不能在块级作用域声明
- 浏览器没有遵守这个规定,为兼容以前旧代码
- es6引入块级作用域,明确允许在块级作用域中声明
- 块级作用域内声明的函数类似于let。
- 为减轻兼容问题,ES6规定浏览器的实现可以不遵守此规定,有自己的行为方式。
3:const
基本用法
const PI = 3.14;
声明一个只读常量。
本质
- 变量指向的内存地址所保存的数据不得改动。
- 简单类型数据的值,就保存在变量指向的内存地址,因此等同于常量
- 符合类型数据,变量指向的内存地址保存的是指向实际数据的指针,const保证该指针不可更改
4:顶层对象的属性
- 浏览器环境顶层对象是window对象,Node环境指的是global对象。
- 在ES5中,顶层对象的属性与全局变量是等价的
window.a=1;
a;//1
- ES6规定:var,function声明的全局变量,依旧是顶层对象的属性;let,const,class声明的全局变量,不属于顶层对象的属性