浅谈JavaScript、ES5、ES6

正文

请到「今天看啥」查看全文

+ super.toString();       }, // Computed (dynamic) property names [ 'prop_' + (() => 42 )() ]: 42 };

3、赋值解构

let singer = { first: "Bob", last: "Dylan" };   let { first: f, last: l } = singer; // 相当于 f = "Bob", l = "Dylan"   
let [all, year, month, day] =  /^(dddd)-(dd)-(dd)$/.exec("2015-10-25");   let [x, y] = [1, 2, 3]; // x = 1, y = 2

4、函数参数 - 默认值、参数打包、 数组展开（Default 、Rest 、Spread）

//Default   function findArtist(name='lu', age='26') {       ...   }   //Rest   function f(x, ...y) {     // y is an Array     return x * y.length;   }   f(3, "hello", true) == 6   //Spread   function f(x, y, z) {     return x + y + z;   }   // Pass each elem of array as argument   f(...[1,2,3]) == 6

5、箭头函数 Arrow functions

(1).简化了代码形式，默认return表达式结果。

(2).自动绑定语义this，即定义函数时的this。如上面例子中，forEach的匿名函数参数中用到的this。

6、字符串模板 Template strings

var name = "Bob", time = "today";   `Hello ${name}, how are you ${time}?`   // return "Hello Bob, how are you today?"

7、Iterators（迭代器）+ for..of

迭代器有个next方法，调用会返回：

(1).返回迭代对象的一个元素：{ done: false, value: elem }

(2).如果已到迭代对象的末端：{ done: true, value: retVal }

for (var n of ['a','b','c']) {     console.log(n);   }   // 打印a、b、c

8、生成器 （Generators）

9、Class

Class，有constructor、extends、super，但本质上是语法糖（对语言的功能并没有影响，但是更方便程序员使用）。

class Artist {       constructor(name) {           this.name = name;       }       perform() {           return this.name + " performs ";       }   }   class Singer extends Artist {       constructor(name, song) {           super.constructor(name);           this.song = song;       }       perform() {           return super.perform() + "[" + this.song + "]";       }   }   let

请到「今天看啥」查看全文