굵은 화살표 기능은 이름에서 알 수 있듯이 코드 줄을 줄이는 데 도움이 됩니다. => 구문은 굵은 화살표를 보여줍니다. 이렇게 하면 키워드 "function"을 반복해서 쓰는 것도 피할 수 있습니다. 화살표 함수는 일반적으로 비 메서드 함수에 사용됩니다. 메서드로 사용되는 화살표 함수를 사용하는 방법을 살펴보겠습니다.
예시
다음 코드를 실행하여 메서드로 사용되는 화살표 기능을 구현할 수 있습니다.
라이브 데모
<!DOCTYPE html>
<html>
<body>
<script>
'use strict';
var ob1 = {
val1: 75,
val2: 100,
x: () => document.write(this.val1, this),
y: function() {
document.write("<br>"+this.val1, this);
},
z: function() {
document.write("<br>"+this.val2, this);
},
}
ob1.x();
ob1.y();
ob1.z();
</script>
</body>
</html>