Water Sunlight

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

ユーザ用ツール

サイト用ツール


js:function:param

差分

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

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

両方とも前のリビジョン 前のリビジョン
次のリビジョン
前のリビジョン
最新のリビジョン 両方とも次のリビジョン
js:function:param [2021/04/05 12:34]
tanaka
js:function:param [2021/04/12 14:41]
tanaka [可変長引数]
行 3: 行 3:
  --- //[[http://www.y2sunlight.com/water|y2sunlight]] 2021-04-05//  --- //[[http://www.y2sunlight.com/water|y2sunlight]] 2021-04-05//
  
-=== 引数の数 ===+===== 引数の数 =====
  
-JavaScriptでは引数の数をチェックしない+JavaScriptでは引数の数をチェックしない
  
-+=== 例 ===
 <code javascript> <code javascript>
 function func(arg) { function func(arg) {
行 18: 行 18:
 </code> </code>
  
-引数の有無は関数内でundefinedによって判断する+引数の有無は関数内でundefinedによって判断する
  
-+=== 例 ===
 <code javascript> <code javascript>
 function getArea(height, width) { function getArea(height, width) {
行 32: 行 32:
 console.log(getArea(10, 20));  // 出力:200 console.log(getArea(10, 20));  // 出力:200
 </code> </code>
 +\\
  
-=== argumentsオブジェクト ===+===== argumentsオブジェクト =====
  
-argumentsオブジェクトは関数呼び出し時に自動的に生成され、引数の数とそれぞれの値を取得できる+argumentsオブジェクトは関数呼び出し時に自動的に生成され、引数の数とそれぞれの値を取得できる
  
-例1+=== 例1 ===
 <code javascript> <code javascript>
 function getArea(height, width) { function getArea(height, width) {
行 47: 行 48:
 </code> </code>
  
-例2+=== 例2 ===
 <code javascript> <code javascript>
 function max() { function max() {
行 61: 行 62:
 console.log(max(10, 5, 20, 8));  // 出力:20 console.log(max(10, 5, 20, 8));  // 出力:20
 </code> </code>
 +\\
  
-** 引数のデフォルト値<sup>[[js:top#ECMAScript|*2015]]</sup> **+===== 引数のデフォルト値 ===== 
 +<sup>[[js:top#ECMAScript|*2015]]</sup>
  
 <code javascript> <code javascript>
行 68: 行 71:
 </code> </code>
  
-+=== 例 ===
 <code javascript> <code javascript>
 function getArea(height=0, width=0) { function getArea(height=0, width=0) {
行 77: 行 80:
 console.log(getArea(10, 20));  // 出力:200 console.log(getArea(10, 20));  // 出力:200
 </code> </code>
 +\\
  
-** 可変長引数<sup>[[js:top#ECMAScript|*2015]]</sup> **+===== 可変長引数 ===== 
 +<sup>[[js:top#ECMAScript|*2015]]</sup>
  
 <code javascript> <code javascript>
行 84: 行 89:
 </code> </code>
  
-+=== 例 ===
 <code javascript> <code javascript>
 function mySum(...values) { function mySum(...values) {
行 96: 行 101:
 </code> </code>
  
-※ argumentsと異なり可変長引数はArrayオブジェクトである+※ argumentsと異なり可変長引数はArrayオブジェクトである
  
-** 実引数(呼び出し側)での使い方 **+==== 実引数(呼び出し側)での使い方 ====
  
 <code javascript> <code javascript>
行 104: 行 109:
 </code> </code>
  
-+=== 例 ===
 <code javascript> <code javascript>
 function mySum(...values) { function mySum(...values) {
行 116: 行 121:
 console.log(mySum([1, 2, 3, 4]));      // スカラと配列の足し算が行われ文字列として表示される  出力:01,2,3,4 console.log(mySum([1, 2, 3, 4]));      // スカラと配列の足し算が行われ文字列として表示される  出力:01,2,3,4
 </code> </code>
 +\\
  
-** 名前付き引数<sup>[[js:top#ECMAScript|*2015]]</sup> **+===== 名前付き引数 ===== 
 +<sup>[[js:top#ECMAScript|*2015]]</sup>
  
-分割代入の応用+=== 分割代入の応用 ===
  
 +<code javascript>
 +function getArea({height=0, width=0}) {
 +    return height * width;
 +}
 +console.log(getArea({height:10, width:20}));  // 出力:200
 +</code>
js/function/param.txt · 最終更新: 2021/04/19 14:24 by tanaka