JavaScript 6 的新特性介绍
jopen
10年前
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+'})
- 类型化数组 </ul>
语言规范: http://people.mozilla.org/~jorendorff/es6-draft.html
语言规格建议书: http://wiki.ecmascript.org/doku.php?id=harmony:proposals
来源:webhek