JavaScript の関数と括弧

関数は、JavaScript の基本的な構成要素の 1 つです。これらを使用すると、必要なときにいつでも実行できるコードのブロックをカプセル化できるため、コードがよりモジュール化され、再利用可能で、整理されたものになります。かっこは、関数がいつどのように呼び出されるか参照されるかを決定するため、JavaScript 関数において重要な役割を果たします。この記事では、JavaScript で関数と括弧がどのように機能するか、またそれらを効果的に使用する方法について説明します。

JavaScriptの関数とは何ですか?

JavaScript では、関数 は、特定のタスクを実行するように設計された再利用可能なコード ブロックです。関数は、パラメータ と呼ばれる入力を受け取り、その入力を処理し、オプションで値を返すことができます。関数を使用すると、複雑な問題をより小さく管理しやすい部分に分割できます。

関数の宣言

JavaScript で関数を宣言するには、function キーワードの後に​​関数名、括弧、コード ブロックを続けます。

function greet() {
    console.log("Hello, world!");
}

この例では、「Hello, world!」を出力する、greet という名前の単純な関数を宣言しました。コンソールへ。

括弧を使用した関数の呼び出し

関数を 呼び出し または 呼び出し するには、その名前の後にかっこ () を付けます:

greet(); // Output: Hello, world!

関数名に括弧を追加すると、関数内のコードを実行するように JavaScript に指示します。この場合、greet() 関数が実行され、メッセージが出力されます。

括弧のない関数: 関数の参照

関数名 括弧なし を記述すると、関数を呼び出すのではなく、関数を参照します。

console.log(greet); // Output: [Function: greet]

ここで、括弧なしの挨拶は、関数を実行するのではなく、関数自体を指します。これは、関数を引数として別の関数に渡す、関数を変数に割り当てるなど、特定のシナリオで使用できます。

パラメータと引数

JavaScript 関数は、パラメータ として知られる入力を受け入れることができます。これらの入力は、関数が宣言されるときに括弧内に定義されます。

function greet(name) {
    console.log("Hello, " + name + "!");
}

このgreet関数では、nameはパラメータであり、関数が呼び出されたときに値が渡されることを期待していることを意味します。関数を呼び出すとき、括弧内に渡す値は 引数 と呼ばれます。

greet("Alice"); // Output: Hello, Alice!
greet("Bob");   // Output: Hello, Bob!

ここで、「Alice」と「Bob」は、greet 関数に渡される引数であり、name パラメーターの代わりに使用されます。

戻り値

関数は、return ステートメントを使用して値を返すこともできます。関数が値を返すと、関数呼び出しはその値に置き換えられます:

function greet() {
    console.log("Hello, world!");
}

この場合、add 関数は 2 つの引数 (a と b) を受け取り、それらを加算して結果を返します。戻り値は変数 sum に格納されます。

匿名関数とアロー関数

JavaScript では、名前なしで関数を定義することもできます。これらは匿名関数と呼ばれます。変数に匿名関数を割り当てることができます:

greet(); // Output: Hello, world!

さらに、JavaScript には、アロー関数 として知られる、関数を記述するためのより簡潔な構文があります。アロー関数は、より短く単純な関数によく使用されます。

console.log(greet); // Output: [Function: greet]

アロー関数は => を使用します。構文を使用し、単一式関数の return キーワードを省略できます。

第一級国民としての機能

JavaScript では、関数は 第一級市民 であり、次のことが可能です。

• 変数に保存されます
• 他の関数に引数として渡されます
• 関数から返されたもの

関数を引数として渡す

関数はファーストクラスのオブジェクトであるため、他の関数に引数として渡すことができます。

function greet(name) {
    console.log("Hello, " + name + "!");
}

この例では、callFunction 関数が別の関数 fn を引数として受け取り、それを呼び出します。かっこなしで挨拶関数を渡したため、すぐには呼び出されず、参照によって渡されます。 callFunction 内で、括弧を使用して fn() を呼び出します。

関数を返す

関数は別の関数を返すこともできます:

greet("Alice"); // Output: Hello, Alice!
greet("Bob");   // Output: Hello, Bob!

ここで、createGreeting は name の値を記憶する新しい関数を返します。これは JavaScript の クロージャ の例です。内部関数は外部関数の変数へのアクセスを保持します。

結論

JavaScript の関数と括弧を理解することは、効率的で保守可能で再利用可能なコードを作成するために重要です。かっこは、関数を呼び出すのか、それとも単に参照するのかを制御し、パラメーター、戻り値、および関数呼び出しを処理するときに不可欠です。さらに、関数を第一級市民として扱う JavaScript の柔軟性により、関数を引数として渡したり、他の関数から関数を返したりするような強力なプログラミング パターンが可能になります。

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