ES2015(ES6)にアロー関数に括弧なしのサンプル

書式
関数名 = 引数名 =>処理コード
引数が一つの場合、()の省略はOKです
使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<!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>

実行結果
名前: 山田太郎

ECMAScript/ES6

Posted by arkgame