ES2015(ES6) にアロー関数(=>)を使用するサンプル

書式
ES5の場合
関数名 = function() {xxx}
ES6(ES2015)の場合
関数名 = ()=>{xxx}

使用例

<!DOCTYPE html>
<html>

<body>
<h1>アロー関数のサンプル</h1>

<p id="cft"></p>
  
<script>
/*アロー関数の定義*/
func = () => {
  return "ES6ではfunction の代わりに => を記述するアロー関数。";
}
 /*要素ID「cft」にアロー関数を使用*/
document.getElementById("cft").innerHTML = func();
</script>

</body>
</html>

 

ECMAScript/ES6

Posted by arkgame