JavaScript6里都有啥新鲜东西?

开发 前端
JavaScript 6里都有啥新鲜东西?让我们一起来看看JavaScript 6的一些新特性。

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

letconst (用来定义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); }

类定义中使用extendssuper, 和 static:

  1. class Point extends Base { 
  2.   constructor(x,y) { 
  3.     super(); 
  4.     this[px] = x, this[py] = y; 
  5.     this.r = function() { return Math.sqrt(x*x + y*y); } 
  6.   } 
  7.   get x() { return this[px]; } 
  8.   get y() { return this[py]; } 
  9.   proto_r() { return Math.sqrt(this[px] * this[px] + 
  10.       this[py] * this[py]); } 
  11.   equals(p) { return this[px] === p[px] && 
  12.       this[py] === p[py]; } 

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

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

模块化:

  1. module math { 
  2.   export function sum(x, y) { 
  3.     return x + y; 
  4.   } 
  5.   export var pi = 3.141593; 
  6.  
  7. import {sum, pi} from math; 
  8. alert(sum(pi,pi)); 

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

  1. // 多行字符串 
  2. re`line1: (words )* 
  3. line2: \w+` 
  4.  
  5. // It desugars to: 
  6. re({raw:'line1: (words )*\nline2: \w+'
  7.     cooked:'line1: (words )*\nline2: \w+'}) 

类型化数组

语言规范: http://people.mozilla.org/~jorendorff/es6-draft.html

语言规格建议书: http://wiki.ecmascript.org/doku.php?id=harmony:proposals

 

责任编辑:张伟 来源: webhek
相关推荐

2018-06-22 15:47:06

数据库PostgreSQLMySQL

2011-12-08 08:58:28

JavaScript

2015-12-01 09:34:15

电灯无限速度网速

2015-07-13 11:20:38

2020-12-21 17:55:02

华为HarmonyOS鸿蒙

2012-01-11 15:30:11

2022-05-26 09:29:20

微软Edge浏览器

2011-06-09 16:08:37

投影机体验

2019-11-18 17:01:13

程序员技术跳槽那些事儿

2019-07-15 08:22:43

JavaScript开源GitHub

2017-06-09 06:59:06

Tomcat特权应用容器

2011-03-30 09:58:54

IPv6过度IPv4

2021-06-27 06:28:55

微信微信派微信官网改版

2011-08-12 10:11:37

智慧运算IBMpower7

2023-11-03 07:32:07

数据库产品文档结构

2018-03-08 10:24:48

Redis运维 RDR

2011-06-07 09:22:43

jQueryjQuery插件

2017-02-09 18:19:54

2021-07-05 16:10:35

JavaScript代码前端

2021-10-22 13:38:14

程序员技能开发者
点赞
收藏

51CTO技术栈公众号