Fork me on GitHub

初入ES6(1)

记 大二寒假

学习了基于Angular 的前端框架ionic3之后,我发现不管是react,vue,都用到了ES6这套javascript最新的标准,一开始说实话我并不知道ES6具体是什么东西,是用来干什么的,我只是在耳边听说过他,但是当我用到ionic3的时候,我接触到了let,特别是箭头函数!!,set,map,字符串模版,用$()去绑定,还有块级作用域等等这些概念,这些都是我过去没有听过的,而现在,我突然发现并明白了它是一个什么东西,ES6是多么的强大。我也会慢慢的再去深入理解,在写业务逻辑的时候去经常使用它们。我也强烈建议所有学前端的同学,先学好ES6再去学框架!!!千万千万一定要先学ES6!

基本概念 let const命令

let 命令:用来声名一个变量,和var非常类似

使用let声明的变量,所声明的变量只能在命令所在的代码块内有效

使用let命令声明的变量在域解析的时候不会被提升

看一个例子

1
2
3
4
5
6
7
8
for (let i=0;i<3;i++){
let i =10;
console.log(i);
}
console.log(i);

第一个答应出来的是10

第二个报错

说明这个let只在表达式里起作用

const 命令同样有上面的特点 它不能声明已有的常量或者变量,除了这些,在使用const声明常量的时候需要注意它必须要进行赋值

var a;

let b;

const c; //这一条会报错

对象里数据的改变

const obj ={a:10};

obj.a=20;

console.log(a);

我们会发现对象里原来的10被覆盖,打印出来的是20

数组的解析赋值

let a =1;

let b =1;

let c =1;

let [a,b,c]=[1,2,3];

console.log(a,b,c)

它可以打印出来 1 2 3

基本类型的解构赋值

let [a,b,c,d]='1234';

console.log(a,b,c,d);

可以打印出1 2 3 4

set 数组去重

var arr=[1,2,2,3,4]; //需要去重的数组

var set=new Set(arr); //{1,2,3,4}

var newArr = Array.from(set);

console.log(newArr); //[1,2,3,4]

-------------This is the endThank you for your reading-------------

本文标题:初入ES6(1)

文章作者:Chen

发布时间:2018年02月15日 - 00:02

最后更新:2018年05月17日 - 14:05

原始链接:http://zhiweichen.com/2018/02/15/初入ES6/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。