function

Arrow function

💡 Arrow function이란?화살표 함수는 ES6문법이다.function 키워드 사용해서 함수를 만든 것보다 간단히 함수를 표현할 수 있으며, 화살표 함수는 항상 익명이다.

👉 간단한 예제

// function 함수
var fun = function () {
  console.log("fun")
}; // fun

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

👉 화살표 함수의 매개변수 지정 방법

// 매개변수가 없는 경우
var arrow = () => console.log('app');
arrow(); // app

// 매개변수가 하나인 경우, 소괄호를 생략할 수 있다.
// 간단하게 한줄로 표현할 땐 "{}" 없이 값이 반환된다.
var arrow = x => x;
arrow('app'); // app

// 매개변수가 여려개인 경우, 소괄호를 생략할 수 없다.
// 간단하게 한줄로 표현할 땐 "{}" 없이 값이 반환된다.
var arrow = (a, b) => a + b;
arrow(1, 2); // 3

// "{}"가 넣고싶다면 return을 써줘야한다.
var arrow = (a, b) => { return a + b };
arrow(1, 2); // 3

// "{}" 사용 시, return이 없을 때
var arrow = (a, b) => { a + b };
arrow(1, 2); // undefined

// 여러줄 썼을 때
var arrow = (a, b) => {
	var c = 3;
	return a + b + c;
}
arrow(1, 2, 3) // 6

// 객체를 반환할 때
var arrow = () => ( { a: 1, b: 2, c: 3 } );
arrow(); // { a: 1, b: 2, c: 3 };

"{}"를 사용하면 값을 반환할 때 return을 사용해야한다."{}"를 사용하지 않으면 undefied를 반환한다."{}"을 사용할 때는 여러줄을 썼을 때 사용한다.

callback이란?

우리는 Javascript라는 언어로 로직을 구현할 때 'callback'이라는 단어를 한번쯤은 들어봤을 것이다.

💡 callback이란?어떤 이벤트가 발생한 후, 수행될 함수를 의미한다.쉽게 말해, 어떤 일을 다른 객체에게 시키고, 그 일이 끝나는 것은 기다리지 않고 끝나고 부를 때까지 다른 일을 하는 것을 말한다.👉그렇기 때문에 non-block이며, 비동기 방식의 함수를 사용한다.

function first(a,b,callback){
	let v=a*b;
	callback(v);
}

first(1,2,function(v){
	console.log(v);		//2
})

• 위와 같이 아래에서 first 함수를 호출하는데 호출할 때 익명 함수를 parameter로 넘겨준다.
• 그러면 first 함수에서는 그 함수 parameter를 callback이라는 이름으로 받고 있다.
• first가 실행되면 a,b를 곱한 결과 값을 callback함수의 parameter로 넣어준다.
• 여기서 callback함수는 아래의 익명 함수이므로 그 익명 함수가 실행된다.
• 결과 값은 2(1*2)가 된다.

✍️ 함수를 쓰는 이유는

만약 node.js를 쓰면서 콜백을 받아야 하는 상황에 callback 함수를 사용하지 않는다면 콜백 함수의 과정이 끝나기 전에 다음 프로세스가 진행될 수 있다.

이러한 상황들을 막고 차례대로 수행하기 위해 callback 함수를 사용해 한다.