什么是ECMAScript?
ECMAScript是浏览器脚本语言的规范,而我们熟知的js语言,如JavaScript则是规范的具体实现。es6就好比Java的jdk。
一、es6语法详解:let声明变量
1、var声明的变量往往会越域;let声明的变量有严格局部作用域
{
var a = 1;
let b = 2;
}
console.log(a) // 1
console.log(b) // Uncaught ReferenceError: b is not defined
2、var 可以声明多次;let只能声明一次
var m = 1;
var m = 2;
let n = 1;
let n = 2;
console.log(m) //2
console.log(n) //Uncaught SyntaxError: Identifier 'n' has already been declared
3、var会变量提升;let不存在变量提升
console.log(x);
var x = 10; // undefined
console.log(y);
let y = 12; // Uncaught ReferenceError: Cannot access 'y' before initialization
注意:以后要习惯使用let声明变量
二、es6语法详解:const声明变量 相当于声明了一个常量
1、声明之后不允许改变
const a = 1;
console.log(a) //1
a = 2;
console.log(a) // Uncaught TypeError: Assignment to constant variable.
2、一旦声明必须初始化,否则会报错
const a;
a = 1;
console.log(a) //Uncaught SyntaxError: Missing initializer in const declaration
三、es6语法详解:解构表达式
1、数组解构
let arr = [1, 2, 3];
let [a, b, c] = arr;
console.log(a, b, c) //1,2,3
2、对象解构
const person = {
name: "qiyue",
age: 23,
language: ['java', 'js', 'css']
}
const {
name, age, language } = person
console.log(name, age, language) //qiyue 23 (3) ["java", "js", "css"]
const person = {
name: "qiyue",
age: 23,
language: ['java', 'js', 'css'