首页 > web前端 > js教程 > 正文

具体介绍JavaScript6的新特性

黄舟
发布: 2017-03-16 14:36:41
原创
1881人浏览过

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 )。

    立即学习Java免费学习笔记(深入)”;

  • 数据展开: 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)

  • 变量0, 变量1: let m = new Map(); m.set(key, value); m.has(key); m.get(key).
    还包括 .变量2(), .变量3(), .变量4(), .keys().

  • 弱map: let map = new WeakMap()。当有变量5变量6时使用它。同理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.变量7(listOfPromises).then(listOfValues => …),
      Promise.race(listOfPromises).then(valueThatResolvedFirst => …)

  • 代理: let obj = new Proxy(proto, han变量8er).
    简单说: 使用类对象的元素进行变量9(能够带来所有可访问的其它0。)

  • 其它1: function* gen() { yield 1; yield 2; }
    事实上,gen() 会返回一个含有 其它2() 函数的对象。

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

  • 类定义中使用其它3, 其它4, 和 其它5:

    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是不可见的。
    登录后复制
  • 其它6:

    module math {
      export function sum(x, y) {
        return x + y;
      }
      export var pi = 3.141593;
    }
    
    import {sum, pi} from math;
    alert(sum(pi,pi));
    登录后复制
  • 模板式其它7: 可以多行,并能嵌入变量。
    `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的新特性的详细内容,更多请关注php中文网其它相关文章!

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号