ECMAScript 6 常用语法

ECMAScript是什么？

ECMAScript是浏览器脚本语言的规范，我们可以狭义理解它是javascript的规范

1.let&const

es6中强调变量用let(缩小作用域)，常量用const  【注：let相较于var，他是块级的】

let：

  

const：

 

2.解构表达式 - 把结构去掉：

3.箭头函数：

格式

var 函数名 = (参数列表) => {函数内容} 
---------- 等价于以下代码 ----------
var 函数名 = function(参数列表){
   函数内容...
   return 返回值
}
注：如果参数只有一个可以省略(),函数内容只有一句代码可以省略{}

4.Promise对象

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

所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。通过Promise的构造函数来创建Promise对象，并在内部封装一个异步执行的结果。

语法：

等待执行成功：

异常处理：

案例：

const p = new Promise((resolve, reject) =>{
    // 这里我们用定时任务模拟异步
    setTimeout(() => {
        const num = Math.random();
        // 随机返回成功或失败
        if (num < 0.5) {
            resolve("成功！num:" + num)
        } else {
            reject("出错了！num:" + num)
        }
    }, 300)
})

// 调用promise
p.then(function (msg) {
    console.log(msg);
}).catch(function (msg) {
    console.log(msg);
})

5.模块化

    模块化就是把代码进行拆分，方便重复利用   【类似java中的导包：要使用一个包，必须先导包】 ，而JS中没有包的概念，换来的是模块。 
  模块功能主要由两个命令构成：export和import
         - export：用于规定模块的对外接口
         - import：用于导入其他模块提供的功能

导出：

简写如下：

注：①可以导出任何东西

      ②可以省略名字

导入：

---

可参考学习资料：http://es6.ruanyifeng.com/