ES6标准入门

• ECMAScript 6 Primer
  • 第1章 ECMAScript 6 简介
  • 第2章 let 和 const 命令
    • 2.1 let
    • 2.2 const
    • 顶层对象
  • 第 3 章 变量的解构赋值 Destructuring assignment
    • 3.1 数组的 Destructuring assignment
    • 3.2 对象的解构赋值
    • Map
  • TODO:
  • Q & A

ECMAScript 6 Primer

Date: 20180904

第1章 ECMAScript 6 简介

第2章 let 和 const 命令

2.1 let

• 类似 var，但是又 locality
• 代码块内有效

    {
        let a = 10; // 超出此代码块无效, 局部变量
        var b = 5;  // 代码块外有效, 作用域: 函数 + 全局
    }
  

• 变量提升
• 暂时性死去 temporal dead zone (TDZ)
• 不允许重复声明
• block level domain
• do

    let x = do {
        let t = f();
        t * t + 1;
    }
  

  2.2 const

  定义常量

  const PI = 3.1415
  const a = []
  a.push('Hello')
  

• 声明变量的6中方法
  • var
  • function
  • let
  • const
  • import
  • class

顶层对象

• 浏览器: window
• Node / web workder: global
• this

第 3 章 变量的解构赋值 Destructuring assignment

模式匹配

3.1 数组的 Destructuring assignment

let [firstName, surname] = arr;

function fibs() {
    let a = 0;
    let b = 1;
    whiile (true) {
        yield a; 
        [a, b] = [b, a+b];
    }
}
let [first, second, third, fourth, fifth, sixth] = fibs();
sixth

3.2 对象的解构赋值

let jsonData ={
    id: 42,
    status: 'OK',
    data: [867, 5309]
};
let {id, status, data: number } = jsonData;

Map

var map = new Map();
map.set('first', 'hello');
map.set('second', 'world');
for(let [key, value] of map){
    console.log(key + ' is ' value);
}

TODO:

• 第 4 章: 字符串的扩展

Q & A

• javascript 中 ; 使用
  • Stackoverflow: Function expression ending with ; vs. not

    At it’s root, what you have there is an assignment statement, and according to the Google Javascript Style Guide, all statements should end in a ;. Especially assignment statements. JSLint requires ; or else it won’t pass.

• javascript prototype
  • 动态向 javascript object 添加属性, 每个函数都有一个prototype属性，这个属性是指向一个对象的引用，这个对象称为原型对象，原型对象包含函数实例共享的方法和属性，也就是说将函数用作构造函数调用（使用new操作符调用）的时候，新创建的对象会从原型对象上继承属性和方法。

    function employee(name,job,born)
    {
        this.name=name;
        this.job=job;
        this.born=born;
    }
  
    var bill=new employee("Bill Gates","Engineer",1985);
  
    employee.prototype.salary=null;
    bill.salary=20000;