Summary  
This chapter introduces defining and executing named functions as reusable code blocks to eliminate redundancy and adhere to the DRY principle.

General domain of usage  
printing ASCII art shapes (e.g., triangles)

**関数**は、プログラミングにおいてコードのブロックを**予約**し、後で実行できるようにする機能。
この仕組みにより、同じコードのブロックを簡単に何度も実行可能。

定義


**関数を定義**する基本構文：

```js
function funcName() {
  // Code here
}
```

ここで `function` は関数を定義するための**キーワード**、`funcName` は作成したい関数の名前。

関数を作成することは、より正確には**「定義」**と呼ばれる。関数を定義するコードは**「関数定義」**コードと呼ばれる。

**DRY（Don't Repeat Yourself）**原則は、コードの重複を最小限に抑えることを重視する基本的なプログラミング概念。各ロジックを一度だけ記述し、必要なときに再利用することを推奨。
これにより、コードの**可読性**と**効率性**が向上。関数はこの原則を守る上で重要な役割を果たし、冗長なコードの排除を可能にする。

注意

次の例は、コンソールに三角形を描画する関数です。

function drawTriangle() {
  console.log("*");
  console.log("* *");
  console.log("* * *");
  console.log("* * * *");
  console.log("* * * * *");
}

drawTriangle();

関数は複数回**実行**することが可能です。

function drawTriangle() {
  console.log("*");
  console.log("* *");
  console.log("* * *");
  console.log("* * * *");
  console.log("* * * * *");
}

drawTriangle();
drawTriangle();
drawTriangle();

関数を**実行する**ことは、**呼び出す**とも呼ばれます。同様に、関数を実行する文（例：`myFunc()`）は**関数呼び出し**と呼ばれます。

注記

関数には、その処理内容を正確に表す意味のある名前を付けることが推奨されます。

JavaScriptで関数を定義する際に使用されるキーワードはどれですか？

次のコードの出力結果は何ですか？

次のうち、関数について**正しくない**ものはどれですか？

フロントエンド開発で最も人気のある言語、JavaScriptの世界に飛び込みましょう。JavaScriptはほぼすべてのブラウザに組み込まれており、さまざまなタスクに利用できます。基本的な機能を学び、課題やより高度なプログラミング技術に備えましょう。

JavaScriptの基本構文、主要な用語や概念について紹介し、上級機能を学ぶための基礎を築きます。このセクションでは、これらの概念を実践的に学び、無理なく内容を記憶できるようにするためのハンズオン課題も含まれています。

変数を使用してデータを保存し、後で取得する方法を学びます。さらに、基本的なデータ型を調査し、それらがどのように相互作用するかを理解します。

条件に基づいて「true」または「false」と評価される式の書き方を学びます（例：「XはYと等しいか？」）。その後、特定のコード行を条件付きで実行できる条件文について探求します。

関数と呼ばれる強力なプログラミング機能は、最小限の繰り返しでコードのブロックを複数回実行することを可能にします。本セクションでは、関数を効果的に定義および使用するための基本的な概念と構文を紹介します。


配列の概念は、データの集合を整理および管理する方法として紹介されます。本教材では、配列がデータをどのように構造化し、複数の値に対して効率的な操作を可能にするかを解説します。


ループは、冗長性を減らし、繰り返しの作業を効率的に処理するために使用されるプログラミングの基本的な機能です。本コンテンツでは、JavaScriptにおける3つの主要なループの種類、それぞれの構文、使用例、および配列と組み合わせて操作を効率化しパフォーマンスを向上させる方法について解説します。

関数とは何ですか？

1. JavaScriptで関数を定義する際に使用されるキーワードはどれですか？

2. 次のコードの出力結果は何ですか？

3. 次のうち、関数について正しくないものはどれですか？