💡 記事の下にエディタを用意しています。壊してもOK！
更新日: 2025年3月1日
JavaScriptで関数を定義する方法｜functionとreturn
📌
結論
function で処理をまとめて再利用できます
📝 実際のコードはこちら
function greet() {
return 'こんにちは';
}
console.log(greet());なぜ関数を使うの？
関数を使うメリットは3つあります。| メリット | 説明 |
|---|---|
| 再利用 | 同じ処理を何度も書かなくてよい |
| 可読性 | 名前を付けて意図を明確にできる |
| テスト | 小さい単位でテストしやすい |
アロー関数
現代のJavaScriptでは、アロー関数もよく使います。📝 実際のコードはこちら
const greet = () => 'こんにちは';this の扱いが異なります（後で学びます）。
まとめ
・関数は処理をまとめて名前を付けたもの ・return で値を返す
・アロー関数は短く書ける代替記法
演習で試してみよう
greet関数を定義して、こんにちはを返してみましょう。🧪 ここで試せます ─ 壊しても大丈夫！
下のエディタで実際にコードを書いて、すぐにプレビューで確認できます。何度でもやり直せるので、思い切って色々試してみてください。
■ 演習
greetという関数を定義し、こんにちはを返してください。
詰まったらヒント
function greet() { return 'こんにちは'; }