Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでRest、デフォルト、および非構造化パラメーターを使用してオブジェクトに引数を付ける方法は？

デフォルト

これにより、関数パラメーターを簡単に処理できるようになりました。デフォルトパラメータを簡単に設定して、デフォルト値で正式なパラメータを初期化できるようにします。これは、値または未定義が渡されない場合にのみ可能です。例を見てみましょう

例 ライブデモ

<html>
   <body>
      <script>
         // default is set to 1
         function inc(val1, inc = 1) {
            return val1 + inc;
         }
         document.write(inc(10,10));
         document.write("<br>");
         document.write(inc(10));
      </script>
   </body>
</html>
休憩

ES6は、開発者の作業を容易にするためにRESTパラメーターをもたらしました。引数オブジェクトの場合、RESTパラメーターは3つのドットで示され、パラメーターの前にあります。

例 次のコードスニペットを見てみましょう-

<html>
   <body>
      <script>
         function addition(…numbers) {
            var res = 0;
            numbers.forEach(function (number) {
               res += number;
            });
            return res;
         }
         document.write(addition(3));
         document.write(addition(5,6,7,8,9));
      </script>
   </body>
</html>
破壊 パターンマッチングでバインドするためにES6で導入されたパラメーター。値が見つからない場合は、undefinedを返します。 ES6で配列を個々の変数に破棄する方法を見てみましょう

例 ライブデモ

<html>
   <body>
      <script>
         let marks = [92, 95, 85];
         let [val1, val2, val3] = marks;

         document.write("Value 1: "+val1);
         document.write("<br>Value 2: "+val2);
         document.write("<br>Value 3: "+val3);
      </script>
   </body>
</html>

  1. JavaScriptでサブオブジェクトと配列を持つオブジェクトをインポートする方法は？

    以下は、JavaScriptでサブオブジェクトと配列を含むオブジェクトをインポートするためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> &

  2. JavaScriptのデフォルトパラメータとRESTパラメータを使用した効果的な関数シグネチャ

    以下は、JavaScriptでデフォルトパラメータとレストパラメータを使用して関数シグネチャを実装するためのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</tit