ES2015(ES6)にアロー関数に括弧なしのサンプル
書式
関数名 = 引数名 =>処理コード
引数が一つの場合、()の省略はOKです
使用例
<!DOCTYPE html>
<html>
<body>
<p id="cft"></p>
<script>
/*パラメータは一つの場合、()がなしOK*/
testFunc = username => "名前: " + username;
/*セレクタID「cft」にアロー関数を使用*/
document.getElementById("cft").innerHTML = testFunc("山田太郎");
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<p id="cft"></p>
<script>
/*パラメータは一つの場合、()がなしOK*/
testFunc = username => "名前: " + username;
/*セレクタID「cft」にアロー関数を使用*/
document.getElementById("cft").innerHTML = testFunc("山田太郎");
</script>
</body>
</html>
<!DOCTYPE html> <html> <body> <p id="cft"></p> <script> /*パラメータは一つの場合、()がなしOK*/ testFunc = username => "名前: " + username; /*セレクタID「cft」にアロー関数を使用*/ document.getElementById("cft").innerHTML = testFunc("山田太郎"); </script> </body> </html>
実行結果
名前: 山田太郎