JavaScript 6 的新特性介绍

欣才热点新闻

JavaScript 6里都有啥新鲜东西？让我们一起来看看JavaScript 6的一些新特性。

let, const (用来定义block-local变量), 程序过程中的function

解构: let {x, y} = pt; let [s, v, o] = triple();
(前提是let pt = {x:2, y:-5})

缺省参数值: function f(x, y=1, z=0) {…}

其它参数: function g(i, j, ...r) { return r.slice(i, j); }
(不需要再使用 arguments )。

数据展开: let a = [0,1,2,3], o = new Something(...a);。也可以用于数组字面量: [1, ...array, 4].

对象简写：
let one = 1; { one, func_one() {return 1;}, ['key ' + one]: 1 }.

函数简写 (a) => a * a 效果等同
(function(a) { return a * a; }).bind(this)

map, set: let m = new Map(); m.set(key, value); m.has(key); m.get(key).
还包括 .clear(), .delete(), .forEach(), .keys().

弱map: let map = new WeakMap()。当有循环引用时使用它。同理new WeakSet()。

promise: new Promise((resolve, reject) => {…}).

当 promise.then(value => {…})时，resolve(valueOrPromise) 返回承诺的值 (或者是一个新的promise，形成链式调用)

当promise.then(…).then(…).catch(error => {…})时reject(new Error(…))中断promise

快速 promise 创建: Promise.resolve(value), Promise.reject(error).

迭代: Promise.all(listOfPromises).then(listOfValues => …),
Promise.race(listOfPromises).then(valueThatResolvedFirst => …)

代理: let obj = new Proxy(proto, handler).
简单说：使用类对象的元素进行重载(能够带来所有可访问的属性。)

生成器: function* gen() { yield 1; yield 2; }
事实上，gen() 会返回一个含有 next() 函数的对象。

循环: for (var [key, val] of items(x)) { alert(key + ',' + val); }。

类定义中使用extends, super, 和 static:

class Point extends Base {
 
constructor(x,y) {
 
super();
 
this[px] = x, this[py] = y;
 
this.r = function() { return Math.sqrt(x*x + y*y); }
 
}
 
get x() { return this[px]; }
 
get y() { return this[py]; }
 
proto_r() { return Math.sqrt(this[px] * this[px] +
 
this[py] * this[py]); }
 
equals(p) { return this[px] === p[px] &&
 
this[py] === p[py]; }
 
}

符号(Symbol)对象，创建私有的key，可用于map和类中(私有成员
members)。

let a = Map();
 
{
 
let k = Symbol();
 
a.set(k, 'value');
 
// 这里你可以访问和设置'value'，比如a.get(k)。
 
}
 
//这里不行，k是不可见的。

模块化:

module math {
 
export function sum(x, y) {
 
return x + y;
 
}
 
export var pi = 3.141593;
 
}
 
 
 
import {sum, pi} from math;
 
alert(sum(pi,pi));

模板式字符串: 可以多行，并能嵌入变量。
`You are ${age} years old.`.

// 多行字符串
 
re`line1: (words )*
 
line2: \w+`
 
 
 
// It desugars to:
 
re({raw:'line1: (words )*\nline2: \w+',
 
cooked:'line1: (words )*\nline2: \w+'})

类型化数组

欣才为您推荐更多与JavaScript有关的优秀文章：《JavaScript开发人员的10个关键习惯》、《5种JavaScript和CSS交互的方法》、《从Java开发者的视角解释JavaScript》、《JavaScript程序员必备的5个debug技巧》，希望这些文章中的理念和工具技巧能帮你对这门语言更加了解，使用起来游刃有余。

上一篇：没有了

下一篇：Github对昨天被俄罗斯封杀作出正式回应

欣才热点新闻

本文由欣才IT学院整理发布，未经许可，禁止转载。

支持0 不支持0

让更多人成为更优秀的互联网工程师

欣才学院微信公众号

欣才IT学院为小伙伴们提供专业PHP培训、python培训、java培训、HTML5培训让更多人成为更优秀的互联网工程师！期待您的到来！