#9 JavaScriptで学ぶ関数の基本

JavaScriptの関数には、書き方がいくつも存在するという特徴があります。この記事では、JavaScriptにおける関数の基本を解説します。

function文による書き方

function greet(name) { console.log(`こんにちは、${name}さん`); } greet("太郎");

アロー関数という書き方

近年のJavaScriptでは、「アロー関数」という簡潔な書き方がよく使われます。

const greet = (name) => { console.log(`こんにちは、${name}さん`); };

処理が1行で済む場合は、さらに中括弧を省略した書き方もできます。

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

デフォルト引数

function greet(name = "ゲスト") { console.log(`こんにちは、${name}さん`); }

JavaScriptならではの注意点

`function`で作った関数と、アロー関数は、`this`という特別な値の扱い方が異なります。最初のうちは違いを意識しなくても大きな問題にはなりませんが、オブジェクトの中でメソッドとして使う場面が増えてきたら、この違いに注意が必要になることを覚えておきましょう。

まとめ

JavaScriptの関数は`function`とアロー関数の2つの書き方が基本です。現在はアロー関数が広く使われる傾向にありますが、両方の書き方を読めるようにしておきましょう。


本ページはプロモーションを含みます。

参考書籍(PR)

JavaScriptをもっと学びたい方には「改訂新版JavaScript本格入門」がおすすめです。

コメント

このブログの人気の投稿

#11 Rustで学ぶエラーハンドリングの基本

#16 TypeScriptで学ぶ辞書型(マップ)の基本

#19 Goで学ぶテスト(単体テスト)の基本