web全栈架构师[笔记] — 01 ECMAScript6新特性

ES6新特性

一、变量

• var：重复定义不报错；没有块级作用域；不能限制修改
• let：变量，不能重复定义，有块级作用域
• const：常量，不能重复定义，有块级作用域

二、函数/参数

• 箭头函数——简写：
  • 1.只有一个参数，()可以省
  • 2.只有一个语句，还是return，{}可以省
• 参数扩展——剩余参数
• 数组展开

三、模块化

• 1、sea.js、require.js

  • 规范:CMD 、AMD（区别是什么）

  • seajs作用：按需引用，解决依赖

     　　// 定义模块
         define(function(require, exports, module) {
             // 1.exports
             // exports.a = 12
             // exports.b = 5
             // 2.require
             let mod2 = require('./mod2.js')
             // 3.module:批量导出
             module.exports = {
                 a:12,b:5,c:8,d:7,num:mod2.num,
                 show(a,b){
                     alert(a+b)
                 }
             }
         });
         // 引用模块
         seajs.use(['xxx.js','xxx.js',...],function(mod1,mod2,..){
    　　
         })

• 2、nodejs模块化

  • 没有define
  • 有exports、require、module
  • 引用自定义模块
    • 放到node_modules文件夹里面
    • 前面加./ ,例如：./mod1.js

• 3、ES6模块化

  • import
  • export
  • babel
    • 参考官网（中文）
    • 参考官网（英文）
    • 查找插件说明 cnpm search babel-preset-env

四、数组

• map（映射）：
• reduce（汇总）：
• filter（过滤）：
• forEach（迭代、遍历）：

五、字符串

• 字符串模板：xxxx${变量}xxx

六、面向对象

• class
• super
• extends

七、promise

• 作用：解决异步操作

• 本质：（状态机）等待异步操作结束

  • 当状态改变的时候调用之前挂起的then队列
  • then的时候直接执行对应函数，并且参数给人家

• 同步——只有操作结束了，才往下执行（一次只能做一个事）

• 异步——这个操作进行中，其他操作也能开始（一次可以做多个事）

• 异步的优势：

  • 用户体验好
  • 高效

• 同步的优势：

  • 简单

• promise：

 // 创建Promise对象
 let p = new Promise(function(resolve,reject){
     异步代码...
 });

 // 使用Promise对象
 p.then(()=>{

 },()=>{

 })

八、generator

• 本质：无感处理异步操作
• 普通函数：一直执行到头
• generator：中间可以暂停
• yield：
  • 传参
  • 返回值

九、async/await

• 本质：官方runner

十、json