728x90 300x250 arrow function2 콜백함수 사용법 콜백함수란? 다른 함수의 인자로써 넘겨진 후 특정 이벤트에서 호출되는 함수를 말한다. 바로 예시로 들어가 보도록 하자 먼저 다음과 같이 이름을 인자로 인사말을 호출하는 함수를 만들어보자 function yourName(name) { console.log(`${name}님 반갑습니다.`) } yourName(`영수`); // 영수님 반갑습니다. 위 함수를 arrow function을 이용해서 좀 더 간단하게 표현을 해보면 아래와 같이 한 줄로 처리할 수도 있다. yourName = name => console.log(`${name}님 반갑습니다.`); yourName('영희'); //영희님 반갑습니다. 그렇다면 만약 호출할 때 각각 이름마다 다른 인사말을 호출하고 싶다면? 이럴 때 callback 함수를 .. 2022. 4. 25. 화살표 함수 Arrow Function () => Arrow Function 화살표 함수는 ES6문법으로 function을 대신해서 함수를 간략히 정의 할 수 있고 this를 묶는게 가능합니다. Syntax (매개변수) => {처리내용} function List() { 처리내용 } 이런식으의 function 함수를 화살표 함수로 표현하면 const List = () => { 처리내용 } 이렇게 표현할 수 있다. 사용예시 //파라미터(매개변수)가 없는 경우 함수 정의 const f1 = () => console.log('hello'); //처리내용이 한줄인 경우 "{}" 생략가능 f1(); //hello //매개변수가 하나인 경우1 const f1 = a => console.log(a); // "()"생략가능 f1(1); //1 //파라미터가 하나인 경우.. 2022. 2. 21. 이전 1 다음 728x90 반응형