Javascript  アロー関数について  〜やっぱりMDNは凄く使えると知った件〜

ドットインストールの三択クイズを作る動画視聴時にこんな記載が

 


question.textContent = quizSet[currentNum].q;
quizSet[currentNum].c.forEach(choice => {
const li = document.createElement('li');
li.textContent = choice;
choices.appendChild(li);
});

参考:ドットインストール 三択クイズ#7

 

気になったのはアロー関数の

quizSet[currentNum].c.forEach(choice => {
const li = document.createElement('li');
このforEach以下のchoice =>{}
 
、、、これなんで()ないん??
 
本来なら
function choice () {}
choice()=>{}
(choice)=>{}
 
のどれかでは???
 
MDNのJs, functionググったら

f:id:kirikko_Scondcube:20200403222844p:plain

MDNのfunctionの説明

//引数が1つしかない場合、()は任意とのこと

 

つまり

choice => {
const li = document.createElement('li')
は引数が1つ(choice)のみだから
(choice)={}
のカッコを省略とわかる
 
納得できました。
ありがとうMDN