ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript6の新機能を詳しく紹介します。

JavaScript6の新機能を詳しく紹介します。

黄舟
黄舟オリジナル
2017-03-16 14:36:411681ブラウズ

JavaScript 6 の新機能は何ですか? JavaScript 6 の新機能のいくつかを見てみましょう。

  • letconst (ブロックローカル変数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) { <a href="http://www.php.cn/wiki/135.html" target="_blank">return</a> r.slice(i, j); }
    (不需要再使用 arguments )。

  • 数据展开: let a = [0,1,2,3], o = <a href="http://www.php.cn/wiki/165.html" target="_blank">new</a> Something(...a);。也可以用于数组字面量: [1, ...<a href="http://www.php.cn/wiki/1041.html" target="_blank">array</a>, 4].

  • 对象简写:
    let one = 1; { one, func_one() {return 1;}, ['<a href="http://www.php.cn/wiki/1051.html" target="_blank">key</a> ' + one]: 1 }.

  • 函数简写 (a) => a * a 效果等同
    (function(a) { return a * a; }).bind(this)

  • map, setlet m = new Map(); m.set(key, value); m.has(key); m.get(key).
    还包括 .<a href="http://www.php.cn/wiki/917.html" target="_blank">clear</a>().<a href="http://www.php.cn/wiki/1298.html" target="_blank">delete</a>().<a href="http://www.php.cn/wiki/127.html" target="_blank">forEach</a>().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.<a href="http://www.php.cn/wiki/1483.html" target="_blank">all</a>(listOfPromises).then(listOfValues => …),
      Promise.race(listOfPromises).then(valueThatResolvedFirst => …)

  • 代理: let obj = new Proxy(proto, han<a href="http://www.php.cn/wiki/596.html" target="_blank">dl</a>er).
    简单说: 使用类对象的元素进行重载(能够带来所有可访问的属性。)

  • 生成器function* gen() { yield 1; yield 2; }
    事实上,gen() 会返回一个含有 <a href="http://www.php.cn/wiki/1071.html" target="_blank">next</a>() 函数的对象。

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

  • 类定义中使用<a href="http://www.php.cn/wiki/166.html" target="_blank">extends</a><a href="http://www.php.cn/code/8202.html" target="_blank">super</a>, 和 <a href="http://www.php.cn/wiki/188.html" target="_blank">static</a>:

    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, &#39;value&#39;);
      // 这里你可以访问和设置&#39;value&#39;,比如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.`)、プログラム中の 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) { <a href="http://www.php.cn/wiki/135.html" target="_blank">return🎜 r.スライス(i, j); }</a>
(引数を使用する必要はもうありません)。 🎜🎜🎜🎜データ展開: let a = [0,1,2,3], o = <a href="http://www.php.cn/wiki/165.html" target="_blank ">新しい🎜何か(...a);</a>
配列🎜リテラルにも使用できます: [1, ...<a href="http://www.php.cn/wiki/1041.html" target="_blank">配列🎜, 4]</a>.🎜🎜🎜🎜オブジェクト 🎜省略形:
let one = 1; { one, func_one() {return 1;}, ['<a href="http%20:%20//www.php.cn/wiki/1051.html" target="_blank">key🎜 ' + one]: 1 }</a>.🎜🎜🎜🎜
関数🎜の略語 (a) => a * a も同じ効果があります
(function(a) ) { return a * a; }).bind(this)🎜🎜🎜
マップ🎜、set🎜: let m = new Map(); ); m .has(key); m.get(key)
も含まれます。<a href="http://www.php.cn/wiki/917.html%20" target="_blank">clear🎜()</a>, .<a href="http://www.php.cn/wiki/1298.html" target="_blank">delete🎜( ) code>、<code>.<a href="http://www.php.cn/wiki/127.html" target="_blank">forEach🎜()</a>。 key() .🎜🎜🎜🎜弱いマップ: let map = new WeakMap()
ループがある場合🎜🎜を参照する際にご利用ください。 new WeakSet() にも同じことが当てはまります。 🎜🎜🎜🎜promise: new Promise((resolve,拒否) => {…}).🎜🎜

以上がJavaScript6の新機能を詳しく紹介します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。