0
0

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.

【JS】関数の引数で値が代入されている!?デフォルト引数について

Last updated at Posted at 2020-11-10

関数の引数の中でイコールで値が渡されている以下のような記述がある。この中身についてのメモ。

こういうの
const 関数名 = (a=3, b=5) => 処理

(a=3, b=5)のように最初から引数の値を指定して渡す方法をデフォルト引数と呼ぶ。
参考: https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Functions/Default_parameters

引数がない場合はこのデフォルトで設定された値が使われる。別の値が引数として渡された場合は渡された値が上書きされて使われる。

##実例

全てのデフォルト値を指定
const multi = (a=3,b=5) => a*b

console.log(multi()) //15 =3*5
console.log(multi(10)) //50 =10*5
console.log(multi(1,2)) //2 = 1*2

片方だけ指定
const multi = (a,b=5) => a*b

console.log(multi()) //NaN = NaN*5
console.log(multi(10)) //50 = 10*5
console.log(multi(1,2)) //2 = 1*2

MDN公式 デフォルト引数

0
0
1

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
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?