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

in Korea • 한국 • KR • KO4 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

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

Coin Marketplace

STEEM 0.17
TRX 0.15
JST 0.028
BTC 60007.10
ETH 2415.95
USDT 1.00
SBD 2.41