Water Sunlight

軽量プログラミングの文法 - JavaScript/Python

ユーザ用ツール

サイト用ツール


js:function:param

差分

このページの2つのバージョン間の差分を表示します。

この比較画面にリンクする

両方とも前のリビジョン 前のリビジョン
次のリビジョン
前のリビジョン
js:function:param [2021/04/12 14:40]
tanaka
js:function:param [2021/04/19 14:24] (現在)
tanaka
行 7: 行 7:
 JavaScriptでは引数の数をチェックしない。 JavaScriptでは引数の数をチェックしない。
  
-=== 例 === +<sxh javascript;title:Example>
-<code javascript>+
 function func(arg) { function func(arg) {
     console.log(arg);     console.log(arg);
行 16: 行 15:
 func(1);     // 出力:1 func(1);     // 出力:1
 func(1, 2);  // 出力:1 func(1, 2);  // 出力:1
-</code>+</sxh>
  
 引数の有無は関数内でundefinedによって判断する。 引数の有無は関数内でundefinedによって判断する。
  
-=== 例 === +<sxh javascript;title:Example>
-<code javascript>+
 function getArea(height, width) { function getArea(height, width) {
     if (height === undefined) height = 0;     if (height === undefined) height = 0;
行 31: 行 29:
 console.log(getArea(10));      // 出力:0 console.log(getArea(10));      // 出力:0
 console.log(getArea(10, 20));  // 出力:200 console.log(getArea(10, 20));  // 出力:200
-</code>+</sxh>
 \\ \\
  
行 38: 行 36:
 argumentsオブジェクトは関数呼び出し時に自動的に生成され、引数の数とそれぞれの値を取得できる。 argumentsオブジェクトは関数呼び出し時に自動的に生成され、引数の数とそれぞれの値を取得できる。
  
-=== 例1 === +<sxh javascript;title:Example>
-<code javascript>+
 function getArea(height, width) { function getArea(height, width) {
     return arguments.length < 2 ? 0 : arguments[0] * arguments[1];     return arguments.length < 2 ? 0 : arguments[0] * arguments[1];
行 46: 行 43:
 console.log(getArea(10));      // 出力:0 console.log(getArea(10));      // 出力:0
 console.log(getArea(10, 20));  // 出力:200 console.log(getArea(10, 20));  // 出力:200
-</code>+</sxh>
  
-=== 例2 === +<sxh javascript;title:Example>
-<code javascript>+
 function max() { function max() {
     if(arguments.length > 0) {     if(arguments.length > 0) {
行 61: 行 57:
 console.log(max(10));            // 出力:10 console.log(max(10));            // 出力:10
 console.log(max(10, 5, 20, 8));  // 出力:20 console.log(max(10, 5, 20, 8));  // 出力:20
-</code>+</sxh>
 \\ \\
  
行 71: 行 67:
 </code> </code>
  
-=== 例 === +<sxh javascript;title:Example>
-<code javascript>+
 function getArea(height=0, width=0) { function getArea(height=0, width=0) {
     return height * width;     return height * width;
行 79: 行 74:
 console.log(getArea(10));      // 出力:0 console.log(getArea(10));      // 出力:0
 console.log(getArea(10, 20));  // 出力:200 console.log(getArea(10, 20));  // 出力:200
-</code>+</sxh>
 \\ \\
  
行 89: 行 84:
 </code> </code>
  
-=== 例 === +<sxh javascript;title:Example>
-<code javascript>+
 function mySum(...values) { function mySum(...values) {
     let sum = 0;     let sum = 0;
行 99: 行 93:
 console.log(mySum(1));        // 出力:1 console.log(mySum(1));        // 出力:1
 console.log(mySum(1,2,3,4));  // 出力:10 console.log(mySum(1,2,3,4));  // 出力:10
-</code>+</sxh>
  
-※ argumentsと異なり可変長引数はArrayオブジェクトである+※ argumentsと異なり可変長引数はArrayオブジェクトである
  
 ==== 実引数(呼び出し側)での使い方 ==== ==== 実引数(呼び出し側)での使い方 ====
行 109: 行 103:
 </code> </code>
  
-=== 例 === +<sxh javascript;title:Example>
-<code javascript>+
 function mySum(...values) { function mySum(...values) {
     let sum = 0;     let sum = 0;
行 120: 行 113:
 console.log(mySum(...[1, 2, 3, 4]));   // 配列は仮引数リストに展開される  出力:10 console.log(mySum(...[1, 2, 3, 4]));   // 配列は仮引数リストに展開される  出力:10
 console.log(mySum([1, 2, 3, 4]));      // スカラと配列の足し算が行われ文字列として表示される  出力:01,2,3,4 console.log(mySum([1, 2, 3, 4]));      // スカラと配列の足し算が行われ文字列として表示される  出力:01,2,3,4
-</code>+</sxh>
 \\ \\
  
行 126: 行 119:
 <sup>[[js:top#ECMAScript|*2015]]</sup> <sup>[[js:top#ECMAScript|*2015]]</sup>
  
-=== 分割代入の応用 === +<sxh javascript;title:Example 分割代入の応用>
- +
-<code javascript>+
 function getArea({height=0, width=0}) { function getArea({height=0, width=0}) {
     return height * width;     return height * width;
 } }
 console.log(getArea({height:10, width:20}));  // 出力:200 console.log(getArea({height:10, width:20}));  // 出力:200
-</code>+</sxh>
js/function/param.1618206049.txt.gz · 最終更新: 2021/04/12 14:40 by tanaka