4
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

JavaScript 関数の省略記法おさらい

Last updated at Posted at 2021-01-25

引数を渡すと 1 足した数を返却する add 関数(以下)を例に説明する。

昔の基本系(未省略)

function add(x) {
  return x + 1;
}

補足:JavaScript (ECMAScript) は年々仕様がアップされて便利になっています。これは昔の基本系で、2015 年( ES2015 )からアロー関数という記法が仕様策定されていますので、アロー関数を使いましょう。アロー関数は省略の意味があるだけでなく、よりバグが混入しにくい仕組みを備えています。

1. 基本系(省略)

アロー関数化( ES2015+ )により function 文字列が省略可能

const add = (x) => {
  return x + 1;
};

2. 更成る省略

引数が 1 つの場合は引数の括弧が省略可能

const add = x => {
  return x + 1;
};

3. 更成る更成る省略

関数内処理が return のみの場合は return 文字列と波括弧が省略可能

const add = x => x + 1;

おわりに

超サイヤ人もこんな感じだったような。
JavaScript 書き慣れていきましょう。

4
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?