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>
<!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>
<!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>