JavaScript の関数の総合ガイド

JavaScript の関数

これは、例を含む JavaScript の関数の包括的なガイドです:

---

1.関数とは何ですか?

関数は、特定のタスクを実行するように設計された再利用可能なコードのブロックです。呼び出されるか呼び出されるときに実行されます。

構文:

function functionName(parameters) {
  // Code to execute
}

例:

function greet(name) {
  console.log(`Hello, ${name}!`);
}
greet("Alice"); // Output: Hello, Alice!

---

2. JavaScript の関数の種類

A.関数宣言

function キーワードを使用して宣言された関数。

例:

function add(a, b) {
  return a + b;
}
console.log(add(2, 3)); // Output: 5

---

B.関数式

関数は変数に格納することもできます。

例:

const multiply = function (a, b) {
  return a * b;
};
console.log(multiply(2, 3)); // Output: 6

---

C.アロー関数 (ES6)

関数を記述するための簡潔な構文。

構文:

const functionName = (parameters) => {
  // Code to execute
};

例:

const subtract = (a, b) => a - b;
console.log(subtract(5, 3)); // Output: 2

---

D.匿名関数

名前のない関数。コールバックとしてよく使用されます。

例:

setTimeout(function () {
  console.log("This runs after 2 seconds");
}, 2000);

---

E.即時に呼び出される関数式 (IIFE)

定義された直後に実行される関数。

例:

(function () {
  console.log("IIFE is executed immediately!");
})();

---

3.パラメータと引数

• パラメータ: 関数定義で定義された変数。
• 引数: 関数の呼び出し時に渡される値。

例:

function greet(name, age) {
  console.log(`Hi ${name}, you are ${age} years old.`);
}
greet("Bob", 25); // Output: Hi Bob, you are 25 years old.

---

4.デフォルトパラメータ

引数が渡されない場合は、パラメータのデフォルト値を指定します。

例:

function sayHello(name = "Guest") {
  console.log(`Hello, ${name}!`);
}
sayHello(); // Output: Hello, Guest!

---

5.残りのパラメータ

不特定の数の引数を配列として処理するために使用されます。

例:

function sum(...numbers) {
  return numbers.reduce((total, num) => total + num, 0);
}
console.log(sum(1, 2, 3, 4)); // Output: 10

---

6.リターンステートメント

関数は return ステートメントを使用して値を返すことができます。

例:

function square(num) {
  return num * num;
}
console.log(square(4)); // Output: 16

---

7.コールバック関数

別の関数に引数として渡され、後で実行される関数。

例:

function processUserInput(callback) {
  const name = "Charlie";
  callback(name);
}
processUserInput((name) => {
  console.log(`Hello, ${name}!`);
});
// Output: Hello, Charlie!

---

8.高階関数

他の関数を引数として受け取るか、関数を返す関数。

例:

function functionName(parameters) {
  // Code to execute
}

---

9.閉鎖

クロージャは、外部関数の実行が終了した後でも外部変数を記憶する関数です。

例:

function greet(name) {
  console.log(`Hello, ${name}!`);
}
greet("Alice"); // Output: Hello, Alice!

---

10.関数のスコープ

関数には独自のローカル スコープがあります。

例:

function add(a, b) {
  return a + b;
}
console.log(add(2, 3)); // Output: 5

---

11.再帰

それ自体を呼び出す関数。

例:

const multiply = function (a, b) {
  return a * b;
};
console.log(multiply(2, 3)); // Output: 6

---

12.純粋関数

純粋関数は、同じ入力に対して同じ出力を生成し、副作用はありません。

例:

const functionName = (parameters) => {
  // Code to execute
};

---

こんにちは、アバイ・シン・カタヤットです!
私はフロントエンドとバックエンドの両方のテクノロジーの専門知識を持つフルスタック開発者です。私はさまざまなプログラミング言語やフレームワークを使用して、効率的でスケーラブルでユーザーフレンドリーなアプリケーションを構築しています。
ビジネス用メールアドレス kaashshorts28@gmail.com までお気軽にご連絡ください。

以上がJavaScript の関数の総合ガイドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。