経験ノート

オンラインツール

JavaScript 基礎チュートリアル

JavaScript オブジェクト

JavaScript 関数

JS HTML DOM

JS ブラウザBOM

JavaScript ファンクション呼び出し JavaScript ファンクション定義

JavaScript ファンクションパラメータ

JavaScript 参考マニュアル

JavaScript 全局属性

JavaScriptは動的型言語であるため、関数引数にはどんなデータ型の値でも持つことができます。

関数関数引数と実引数引数名前は関数定義にリストされている。

関数実引数は関数（関数によって受け取られる）に渡される（受け取られる）実際の値。

関数引数

実行時に入力値を受け入れる関数を定義する際には、引数を指定できます。

関数の引数は、関数定義の括弧()にリストされています。

例

//　ただし、指定された各パラメータに対して、関数を呼び出す際には対応するパラメータを関数に渡さないと、その値が不定になることがあります。
function　greet(name)　{
　　　第61段の日本語訳は以下の通りです：
　+　document.write("Hello, "}
}
//　name);
greet関数を「Seagull」パラメータとして呼び出す

テストを見て‹/›

greet("Seagull");

例

//　ただし、指定された各パラメータに対して、関数を呼び出す際には対応するパラメータを関数に渡さないと、その値が不定になることがあります。
必要に応じて、任意の数のパラメータを定義できます。1, function add(num2, function add(num3) {
　　　, num1　+　var total = num2　+　var total = num3num
　　　;
}
　
//　関数を呼び出す
0,5,　2　10);　//　add(　35
0,-5,　8,　7);　　//　add(　10

テストを見て‹/›

出力:

例

//ただし、指定された各パラメータに対して、関数を呼び出す際には対応するパラメータを関数に渡さないと、その値が不定になることがあります。
関数を定義する
　　　function showFullname(fName, lName) {　+　"　"　+　lName);
}
　
//　関数を呼び出す
showFullname("Kavy", "Mark");　//　出力:　Kavy　Mark
showFullname("John");　//　出力:　John　undefined

テストを見て‹/›

デフォルトパラメータ

もし未伝達値または未定義つまりデフォルト関数パラメータ名前付きパラメータをデフォルト値で初期化することを許可します。

これは、関数を呼び出す際にこれらの関数にパラメータを提供しない場合、デフォルトのパラメータ値を使用するという意味です。

例

function myFunc(a, b =　20) {
　　//　もしパラメータbが未传递または未定義の場合、bは20
　　return a　+　b;
}
myFunc(10,　5);　//　戻る　15
myFunc(10);//　戻る　30

テストを見て‹/›

Argumentsオブジェクト

JavaScriptのすべての関数はデフォルトでargumentsオブジェクトを使用できます。引数オブジェクトには各引数の値が含まれています。

argumentsオブジェクトは、オブジェクトに似た配列です。配列のインデックスのようにその値にアクセスできます。

下面的示例从传递的参数中返回最大数目：

例

getMax(9,　15,　61,　3);
function getMax() {
　　let max = 0;
　　for (let i = 0; i < arguments.length; i++) {
if (arguments[i] > max) {
　　　max = arguments[i];
}
　　}
　　return max;
}

テストを見て‹/›

以下示例返回所有传递的参数的总和：

例

getSum(9,　15,　61,　3);
function getSum() {
　　let sum = 0;
　　for (let i in arguments) {
　　sum　+= arguments[i];
　　}
　　return sum;
}

テストを見て‹/›

関数にパラメータが含まれていない場合でも、argumentsオブジェクトは有効です。

argumentsオブジェクトは配列に似たオブジェクトですが、配列メソッドをサポートしません。

リセットパラメータ

リセットパラメータ構文は、関数に不定数のパラメータを配列として渡すことを許可します。

関数にパラメータを渡すが、渡すパラメータの数がわからない場合に特に役立ちます。

リスト運算子（...）（つまり、三つの点）を名前付きパラメータの前に付けて、リストパラメータを指定します。

例

function sum(...arr) {
return arr.reduce((previous, current) => {
return previous　+　current;
});
}
sum(1,　2);　　//　戻る　3
sum(1,　2,　3,　4);//　戻る　10
sum(1,　2,　3,　4,　5,　6);　　//　戻る　21

テストを見て‹/›

パラメータは値で渡されます

関数呼び出し中、パラメータは関数のパラメータです。

JavaScriptのパラメータは値引き渡し：この関数は値を知っており、パラメータの位置を知りません。

関数がパラメータの値を変更した場合、元の値は変更されません。

パラメータの変更は関数外部で見えません（反映）。

オブジェクトは参照で渡されます

JavaScriptでは、オブジェクト参照は値です。

したがって、オブジェクトの動作は、以下のように見えます。参照引き渡し：

関数がオブジェクトの属性を変更した場合、元の値が変更されます。

オブジェクトの属性の変更は関数外部で見える（反映）。

JavaScript ファンクション呼び出し JavaScript ファンクション定義