前端工程师必备之----ES6

1.let 和 const 命令

let 类似于var 但具有块级作用域,const不允许重复声明就是固定变量。

2.解构赋值

  • 基本数组

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

   // a = 1

   // b = 2

   // c = 3

  • 剩余运算符

   let {a, b, ...rest} = {a: 10, b: 20, c: 30, d: 40};

   // a = 10

   // b = 20

   // rest = {c: 30, d: 40}

3.字符串的扩展

$('#result').append(
  'There are <b>' + basket.count + '</b> ' +
  'items in your basket, ' +
  '<em>' + basket.onSale +
  '</em> are on sale!'
);

上面这种写法相当繁琐不方便,ES6 引入了模板字符串解决这个问题。 

$('#result').append(`
  There are <b>${basket.count}</b> items
   in your basket, <em>${basket.onSale}</em>
  are on sale!
`);

4.新数据类型symbol 

symbol 是程序创建并且可以用作属性键的值,并且它能避免命名冲突的风险。

5.set和map

前端工程师必备之----ES6

ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。

前端工程师必备之----ES6

 ES6 提供了 Map 数据结构。它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键

6.Promise 对象

Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。

实例化的Promise内部会立即执行,then方法中的异步回调函数会在脚本中所有同步任务完成时才会执行。因此,promise的异步回调结果最后输出。示例代码如下: 

前端工程师必备之----ES6