Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

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

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

こういうの
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公式 デフォルト引数

yuta-38
メモとして活用してます
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away