最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

具体介绍JavaScript6的新特性

来源:懂视网 责编:小采 时间:2020-11-27 20:23:57
文档

具体介绍JavaScript6的新特性

具体介绍JavaScript6的新特性:JavaScript 6里都有啥新鲜东西?让我们一起来看看JavaScript 6的一些新特性。let, const (用来定义block-local变量), 程序过程中的function解构: let {x, y} = pt; let [s, v, o] = triple();(前提是let pt = {x:2, y:
推荐度:
导读具体介绍JavaScript6的新特性:JavaScript 6里都有啥新鲜东西?让我们一起来看看JavaScript 6的一些新特性。let, const (用来定义block-local变量), 程序过程中的function解构: let {x, y} = pt; let [s, v, o] = triple();(前提是let pt = {x:2, y:

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的新特性

    具体介绍JavaScript6的新特性:JavaScript 6里都有啥新鲜东西?让我们一起来看看JavaScript 6的一些新特性。let, const (用来定义block-local变量), 程序过程中的function解构: let {x, y} = pt; let [s, v, o] = triple();(前提是let pt = {x:2, y:
    推荐度:
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top