前言:
ES6的概念
ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。
ES6 既是一个历史名词,也是一个泛指,含义是 5.1 版以后的 JavaScript 的下一代标准,涵盖了 ES2015、ES2016、ES2017 等等,而 ES2015 则是正式名称,特指该年发布的正式版本的语言标准。
为什么使用ES6
每一次标准的诞生都意味着语言的完善,功能的加强。JavaScript语言本身也有一些令人不满意的地方。
- 变量提升特性增加了程序运行时的不可预测性
- 语法过于松散,实现相同的功能,不同的人可能会写出不同的代码
1.变量的使用
1.1.块级作用域
let 声明的变量只在处于的块级有效
不多叭叭,上例题 !
再js里面我们声明变量通常用 var ,但是我们学习了es6,所以我们用let来声明
let str = "abc";
if(true){
let str="123";
console.log("if:",str);
}
console.log(:全局:",str);
效果图:
在代码段中我们可以看出,if代表着块级作用域 123,全局代表着abc,就证明出了两个处于不同的作用域了
常见的块级作用域为: if for
2.解构赋值
2.1.数组的解构赋值
let arr = [1,2,3];
let [a,b,c] = arr;
console.log(a,b,c);
简意:a,b,c(arr) = 123,找规律就能搞懂了
log到控制面板效果图:
2.2.二维数组
let [a,[b,c],d] = [1,[2,3],4];
console.log(a,b,c,d);
简意:虽然包裹住了,但是a=1,b=2,c=3,d=4,没有任何改变,还是找规律,不多叭叭,上结果!
log到控制面板效果图:
2.3.省略变量
let [a,,c] = [1,2,3];
console.log(a,c);
简意:想要打印出来a和c省略掉b的话就用逗号 , 给隔开,算了 讲不明白,上结果,自己找规律吧!
log到控制面板效果图: