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

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

零下一度
リリース: 2017-06-26 09:56:08
オリジナル
1358 人が閲覧しました

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

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート