Parameter、Default、Rest、Return
小さく読みやすいfunctionでparameter、default value、rest parameter、明確なreturn valueを扱います。
「Parameter、Default、Rest、Return」はCoddyKit上の無料JavaScript Academyレッスンです。 これはレッスン2/3です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはJavaScript Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 JavaScript Academyコースには全3レッスンが含まれています。
導入
目標: 関数に値を安全に渡し、結果を明確に返せるようになることです。
- 必須パラメーターとデフォルトパラメーター
- restパラメーター
- 戻り値
単純なパラメーター
パラメーターを使うと、呼び出し側から関数に値を渡せます。
// Simple parameters
function greet(name) {
// Make a message from the input
const message = "Hello, " + name + "!";
console.log(message);
}
greet("Ayla");
デフォルトパラメーター
デフォルト値を設定すると、引数がない場合でも関数を動作させられます。
// Default parameter
function welcome(name = "Guest") {
// If no name is given, "Guest" is used
console.log("Welcome, " + name);
}
welcome("Mina");
welcome();
restパラメーター
restパラメーターは、残りの引数を配列にまとめます。必ず最後に配置します。
// Rest parameter: gather extra args into an array
function sum(...nums) {
// nums is an array of all arguments
let total = 0;
for (const n of nums) {
total = total + n;
}
return total;
}
console.log("Sum A:", sum(1, 2));
console.log("Sum B:", sum(1, 2, 3, 4));
戻り値
明確な結果を1つ返します。より安全なコードにするため、先に入力値を検証します。
// Return a value clearly
function areaOfRectangle(w, h) {
// Validate simple inputs
if (typeof w !== "number" || typeof h !== "number") {
return 0;
}
// Compute and return the result
const area = w * h;
return area;
}
console.log("Area:", areaOfRectangle(3, 4));
console.log("Area bad:", areaOfRectangle("3", 4));
パラメーターと戻り値のヒント
ヒント:
- restパラメーターは最後に配置します。
- パラメーターの数は少なく保ちます。
- よく使う代替値にはデフォルト値を使用します。
- 常に予測可能な型を返します。
restパラメーターのクイズ
クイックチェック: rest構文
まとめ
まとめ: 通常のパラメーターとデフォルトパラメーターを使い、restパラメーターで追加の引数をまとめ、関数から明確な結果を返しました。
よくある質問
「Parameter、Default、Rest、Return」レッスンは無料ですか？
はい。「Parameter、Default、Rest、Return」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、JavaScript Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 JavaScript Academyコースには全3レッスンが含まれています。
「Parameter、Default、Rest、Return」で何を学びますか？
小さく読みやすいfunctionでparameter、default value、rest parameter、明確なreturn valueを扱います。 ブラウザで直接実行するハンズオンコードでJavaScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
JavaScript Academyを始めるのに経験は必要ですか？
事前経験は必要ありません。CoddyKitのJavaScript Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン2/3です。
「Parameter、Default、Rest、Return」レッスンにはどのくらい時間がかかりますか？
ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このJavaScript Academyレッスンでコードを書いて実行できますか？
はい。すべてのJavaScript Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。
このコースのすべてのレッスン
- DeclarationとExpression、Arrowの基本
- Parameter、Default、Rest、Return
- thisの基本、call/apply/bind（入門）