자바스크립트 - 화살표 함수

in hive-196917 •  4 years ago 

요즘 코드에서 엄청 많이 보이고 있는 문법이다.

그냥 대충 이해만 하고 넘어가다가 한번 쉬운글을 찾아 봤다.

https://velog.io/@ki_blank/JavaScript-%ED%99%94%EC%82%B4%ED%91%9C-%ED%95%A8%EC%88%98Arrow-function

쉽게 핵심은
function 글자 대신에 사용한다는 정도로 이해하면 되겠다. (차이점도 있다고 하니 필요하다면 더 열공하시길)

즉, 아래 2 줄은 같은 의미를 가지고 있다.

// 일반 함수
var foo = function () { console.log("foo") }; // foo

// 화살표 함수
var bar = () => { console.log("bar"); } // bar

function 이라는 글자를 빼버리고, 그 대신에 화살표 => 를 사용해도 된다는 것!!

남이 짜둔 코드는 읽을 수 있어야 하기에, 이정도만 정리..

var foo = (a, b) => { return a + b }; 
foo(1, 2); // 3

매개 변수를 표현하는 방식도 어렵지 않죠 ^-^

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!