#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本格入門」がおすすめです。
コメント
コメントを投稿