您好,欢迎访问一九零五行业门户网

具体介绍JavaScript6的新特性

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+'})
类型化数组
以上就是具体介绍javascript6的新特性的详细内容。
其它类似信息

推荐信息