ホームページ  >  記事  >  ウェブフロントエンド  >  ES6での機能拡張のチュートリアル例

ES6での機能拡張のチュートリアル例

零下一度
零下一度オリジナル
2017-06-26 09:56:081297ブラウズ

機能拡張の方向でいくつかの新機能も追加されており、これらの機能も非常に重要だと感じています

1.パラメータのデフォルト値(注:デフォルト値のないパラメータは、デフォルト値)

{  function test(x, y = 'world'){
    console.log('默认值',x,y);
  }
  test('hello');//hello world
  test('hello','kill');//hello kill
}
{
  let x='test';  function test2(x,y=x){
    console.log('作用域',x,y);
  }
  test2('kill');//kill kill  这里涉及到作用域的问题   函数里面具有单独的作用域  只有没有x的时候 才会继承let所声明的x
}

2. 残りのパラメータ (...) は、一連の離散値を配列に変換します

{  function test3(...arg){for(let v of arg){
      console.log('rest',v);
    }
  }
  test3(1,2,3,4,'a');
}

3. スプレッド演算子 (...) は a を変換します 配列は一連の離散値に変換されます

{
  console.log(...[1,2,4]);
  console.log('a',...[1,2,4]);
}

IV.分かりました!!!) 例えば、 a=>a*2 a がパラメータ、a*2 が戻り値 => 関数の記号としてパラメータを渡さない場合は ( と表現できます。 )

{
  let arrow = v => v*2;
  let arrow2 = () => 5;
  console.log('arrow',arrow(3));//6
  console.log(arrow2());//5

}

5. 末尾呼び出し: 関数が別の関数をネストする場合は、末尾呼び出しを検討できます

{  function tail(x){
    console.log('tail',x);
  }  function fx(x){return tail(x)
  }
  fx(123)// tail 123
}

以上がES6での機能拡張のチュートリアル例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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