モダンJavaScript入門: 関数とスコープ

JavaScriptの関数とスコープは、コードを効率的に構築し、管理するための根本的な概念です。この記事では、これらの主要な概念について詳しく解説します。

関数は、特定のタスクを実行するためのコードブロックです。関数を使用することで、コードを再利用し、コードの構造を整理し、読みやすくすることができます。

JavaScriptでは、関数はfunctionキーワードを使用して定義され、関数名と引数リスト（オプション）を指定します。関数は関数名を使って呼び出されます。

// 関数の定義
function greet(name) {
  return `Hello, ${name}!`;
}

// 関数の呼び出し
console.log(greet('John')); // "Hello, John!"

スコープは、変数が存在する範囲、つまり変数が参照可能な範囲を定義します。JavaScriptには主に二つのスコープがあります：グローバルスコープとローカルスコープ。

グローバルスコープ: 変数が関数の外部で定義されると、その変数はグローバルスコープを持ち、コードのどこからでもアクセス可能になります。
```
  let globalVar = 'I am global!';

  function test() {
    console.log(globalVar); // "I am global!"
  }

  test();
```
ローカルスコープ: 変数が関数の内部で定義されると、その変数はローカルスコープを持ち、その関数の中でのみアクセス可能になります。
```
  function test() {
    let localVar = 'I am local!';
    console.log(localVar); // "I am local!"
  }

  test();
  console.log(localVar); // ReferenceError: localVar is not defined
```

関数とスコープは、JavaScriptコードを整理し、理解しやすくするための基本的な概念です。これらを理解し、適切に使用することで、効率的で読みやすいコードを書くことが可能になります。

次回は、「モダンJavaScript入門: イベントとイベントハンドラ」について詳しく解説します。お楽しみに！

AIko Code Symphony