未加星标

JavaScript6里的这些新鲜东西你都知道吗?

字体大小 | |
[前端(javascript) 所属分类 前端(javascript) | 发布者 店小二03 | 时间 2016 | 作者 红领巾 ] 0人收藏点击收藏

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

2、 解构: let {x, y} = pt; let [s, v, o] = triple();

3 、(前提是let pt = {x:2, y:-5})

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

5、 其它参数: function g(i, j, ...r) { return r.slice(i, j); }

6 、(不需要再使用 arguments )。

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

8、 对象简写 :

let one = 1; { one, func_one() {return 1;}, ['key ' + one]: 1 }.

9、 函数简写 (a) => a * a 效果等同

(function(a) { return a * a; }).bind(this)

10、 map, set : let m = new Map(); m.set(key, value); m.has(key); m.get(key).

还包括 .clear(), .delete(), .forEach(), .keys().

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

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

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

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

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

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

5)Promise.race(listOfPromises).then(valueThatResolvedFirst => …)

13、 代理: let obj = new Proxy(proto, handler).

14、 简单说 : 使用类对象的元素进行重载(能够带来所有可访问的属性。)

15、 生成器 : function* gen() { yield 1; yield 2; }

事实上,gen() 会返回一个含有 next() 函数的对象。

16、 循环 : for (var [key, val] of items(x)) { alert(key + ',' + val); }。 17、 类定义中使用 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]; }
}

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

let a = Map();
{
let k = Symbol();
a.set(k, 'value');
// 这里你可以访问和设置'value',比如a.get(k)。
}
//这里不行,k是不可见的。 19、模块化: module math {
export function sum(x, y) {
return x + y;
}
export var pi = 3.141593;
}
import {sum, pi} from math;
alert(sum(pi,pi));

20、模板式字符串: 可以多行,并能嵌入变量。

`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是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程

主题: JavaJavaScript数据变量模块化
分页:12
转载请注明
本文标题:JavaScript6里的这些新鲜东西你都知道吗?
本站链接:http://www.codesec.net/view/482425.html
分享请点击:


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 前端(javascript) | 评论(0) | 阅读(33)