このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン 最新のリビジョン 両方とも次のリビジョン | ||
js:function:param [2021/04/05 12:34] tanaka |
js:function:param [2021/04/12 14:41] tanaka [可変長引数] |
||
---|---|---|---|
行 3: | 行 3: | ||
--- // | --- // | ||
- | === 引数の数 === | + | ===== 引数の数 |
- | JavaScriptでは引数の数をチェックしない | + | JavaScriptでは引数の数をチェックしない。 |
- | 例 | + | === 例 === |
<code javascript> | <code javascript> | ||
function func(arg) { | function func(arg) { | ||
行 18: | 行 18: | ||
</ | </ | ||
- | 引数の有無は関数内でundefinedによって判断する | + | 引数の有無は関数内でundefinedによって判断する。 |
- | 例 | + | === 例 === |
<code javascript> | <code javascript> | ||
function getArea(height, | function getArea(height, | ||
行 32: | 行 32: | ||
console.log(getArea(10, | console.log(getArea(10, | ||
</ | </ | ||
+ | \\ | ||
- | === argumentsオブジェクト === | + | ===== argumentsオブジェクト |
- | argumentsオブジェクトは関数呼び出し時に自動的に生成され、引数の数とそれぞれの値を取得できる | + | argumentsオブジェクトは関数呼び出し時に自動的に生成され、引数の数とそれぞれの値を取得できる。 |
- | 例1 | + | === 例1 |
<code javascript> | <code javascript> | ||
function getArea(height, | function getArea(height, | ||
行 47: | 行 48: | ||
</ | </ | ||
- | 例2 | + | === 例2 |
<code javascript> | <code javascript> | ||
function max() { | function max() { | ||
行 61: | 行 62: | ||
console.log(max(10, | console.log(max(10, | ||
</ | </ | ||
+ | \\ | ||
- | ** 引数のデフォルト値< | + | ===== 引数のデフォルト値 |
+ | < | ||
<code javascript> | <code javascript> | ||
行 68: | 行 71: | ||
</ | </ | ||
- | 例 | + | === 例 === |
<code javascript> | <code javascript> | ||
function getArea(height=0, | function getArea(height=0, | ||
行 77: | 行 80: | ||
console.log(getArea(10, | console.log(getArea(10, | ||
</ | </ | ||
+ | \\ | ||
- | ** 可変長引数< | + | ===== 可変長引数 |
+ | < | ||
<code javascript> | <code javascript> | ||
行 84: | 行 89: | ||
</ | </ | ||
- | 例 | + | === 例 === |
<code javascript> | <code javascript> | ||
function mySum(...values) { | function mySum(...values) { | ||
行 96: | 行 101: | ||
</ | </ | ||
- | ※ argumentsと異なり可変長引数はArrayオブジェクトである | + | ※ argumentsと異なり可変長引数はArrayオブジェクトである。 |
- | ** 実引数(呼び出し側)での使い方 | + | ==== 実引数(呼び出し側)での使い方 |
<code javascript> | <code javascript> | ||
行 104: | 行 109: | ||
</ | </ | ||
- | 例 | + | === 例 === |
<code javascript> | <code javascript> | ||
function mySum(...values) { | function mySum(...values) { | ||
行 116: | 行 121: | ||
console.log(mySum([1, | console.log(mySum([1, | ||
</ | </ | ||
+ | \\ | ||
- | ** 名前付き引数< | + | ===== 名前付き引数 |
+ | < | ||
- | 分割代入の応用 | + | === 分割代入の応用 |
+ | <code javascript> | ||
+ | function getArea({height=0, | ||
+ | return height * width; | ||
+ | } | ||
+ | console.log(getArea({height: | ||
+ | </ |