1
1

JavaScript 関数の作り方

Posted at

JavaScriptで関数を作る方法はいくつかあります。ここでは主な方法をいくつか紹介します。関数を作るときは、その機能や目的に応じて最適な形式を選ぶことが重要です。

1. 関数宣言 (Function Declaration)

関数宣言は最も一般的な形式で、function キーワードを使って関数を定義します。この方法で定義された関数は関数宣言の巻き上げ(hoisting)が行われ、定義より前のコードからでも呼び出すことができます。

function greet(name) {
    return `Hello, ${name}!`;
}

console.log(greet("Alice"));  // "Hello, Alice!"

2. 関数式 (Function Expression)

関数式では、関数を変数に割り当てることで定義します。この方法では関数は巻き上げられません。関数式は匿名(名前のない)関数を使うこともできますが、名前付き関数を使うこともできます。

const sayGoodbye = function(name) {
    return `Goodbye, ${name}!`;
};

console.log(sayGoodbye("Bob"));  // "Goodbye, Bob!"

3. アロー関数 (Arrow Function)

ES6以降で導入されたアロー関数は、より簡潔な構文で関数を記述できます。特にthisの挙動が異なり、アロー関数の外部のthisをそのまま引き継ぐため、特にイベントハンドラやコールバック関数で便利です。

const add = (a, b) => a + b;

console.log(add(5, 3));  // 8

4. 即時関数 (Immediately Invoked Function Expression, IIFE)

即時関数は定義された直後に自動的に実行される関数です。外部からアクセスできないプライベート変数や関数を作るのに便利です。

(function() {
    console.log("This runs right away!");
})();

5. コンストラクタ関数

new キーワードとともに使われるコンストラクタ関数を使って、オブジェクトを生成することができます。これは主にオブジェクト指向プログラミングのパターンに従います。

function Person(name) {
    this.name = name;
}

const alice = new Person("Alice");
console.log(alice.name);  // "Alice"

これらの基本的な関数の作り方を理解することで、JavaScriptのさまざまなシナリオでのプログラミングが可能になります。関数の使い方や形式を選ぶ際には、それぞれの特性と使用する環境を考慮することが重要です。

1
1
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1