“ 지연되는 프로젝트에 인력을 더 투입하면 오히려 더 늦어진다. ”
- Frederick Philips Brooks
Mythical Man-Month 저자
728x90
1. 화살표 함수 : 선언적 함수
화살표 함수는 함수를 선언하는 새로운 방식 중 하나입니다.
함수를 더 간결하게 표현할 수 있으며, 코드의 가독성을 높여줍니다.
func = ( ) => {
document.write("실행되었습니다<br>");
}
func( );
// 실행되었습니다2. 화살표 함수 : 익명 함수
화살표 함수를 사용하면 기존의 함수 선언 방식에 비해 코드 길이가 짧아지는 장점이 있습니다.
const func = ( ) => {
document.write("실행되었습니다<br>");
}
func( );
// 실행되었습니다3. 화살표 함수 : 매개변수 함수
화살표 함수에서는 함수 이름 대신 화살표를 사용하여 함수를 선언합니다.
매개 변수가 하나인 경우 괄호를 생략할 수 있으며,
함수 내부에서 한 줄의 코드만 실행되는 경우 중괄호와 return문도 생략할 수 있습니다.
func = (str) => {
document.write(str);
}
func("실행되었습니다<br>");
// 실행되었습니다4. 화살표 함수 : 리턴값 함수
화살표 함수로 간결하게 표현한 리턴값 함수 입니다.
func = ( ) => {
const str = "실행되었습니다<br>"
return str;
}
document.write(func( ));
// 실행되었습니다5. 익명 함수 + 매개변수 + 리턴값
함수들을 함께 쓰면서 화살표 함수로 표현할 수도 있습니다.
화살표 함수를 쓸 때 헷갈리기 쉬우므로 식을 잘 기억해야 합니다.
const func = (str) => {
return str; // 원래 모든 함수에는 리턴이 있는데, 생략해서 썼다.
}
document.write(func("실행되었습니다."));
// 실행되었습니다.6. 익명 함수 + 매개변수 + 리턴값 + 괄호 생략
위와 같은 함수를 더 간결하게 쓸 수도 있습니다.
괄호를 생략해서 쓰는 방법입니다.
const func = str => {
return str;
}
document.write(func("실행되었습니다."));
// 실행되었습니다.7. 익명 함수 + 매개변수 + 리턴값 + 괄호 생략 + 리턴값 생략
이번에는 위와 같은 함수를 더 간추린 표현 방법입니다.
리턴값 함수에서 return을 생략해서 쓰는 방법입니다.
func = str => str;
document.write(func("실행되었습니다."));
// 실행되었습니다.생략을 거듭하여 쓴 표현 방법이기 때문에 헷갈리기 쉽습니다.
따라서, 식을 정확하게 기억하고 쓰는 것이 좋습니다.