인프런 자바스크립트 입문 수업을 듣고 중요한 내용을 정리했습니다.
개인 공부 후 자료를 남기기 위한 목적이므로 내용 상에 오류가 있을 수 있습니다.
Arrow Function
Arrow Function을 사용하면, 함수의 구조를 간소화할 수 있다.
<기본 개념>
//일반적인 함수 구조
function hello( ){
console.log("Hello World");
return "Hello World";
}
hello( ); // 결과 : Hello World
//함수를 변수로 선언하는 경우의 일반적인 함수 구조
var hello = function( ){
console.log("Hello World");
return "Hello World";
}
hello( ); // 결과 : Hello World
//Arrow Function을 사용하는 경우
var hello = ( ) => {
console.log("Hello World");
return "Hello World";
}
hello( );
// 결과 : Hello World
//'function'이라는 코드 대신, '=>'의 기호를 사용할 수 있다.
//Arrow Function을 사용하는 경우(축약형)
var hello = ( ) => "Hello World";
console.log(hello());
// 결과 : Hello World
//여기서 var hello = ( ) => "Hello World";의 코드는
//var hello = ( ) => {return "Hello World";}의 코드와 동일한 의미를 가진다.
<응용 개념>
//함수의 파라미터가 존재하는 경우
var hello = (fullName) => "Hello " + fullName;
console.log(hello("John Kim"));
// 결과 : Hello John Kim
var hello = fullName => "Hello " + fullName;
console.log(hello("John Kim"));
// 결과 : Hello John Kim
//함수의 파라미터가 1개인 경우에는 ( )마저 생략이 가능하다.
var hello = (firstName, lastName) => "Hello " + firstName + " " + lastName;
console.log(hello("John", "Kim"));
// 결과 : Hello John Kim
//함수의 파라미터가 2개 이상인 경우에는 ( )을 생략할 수 없다.
댓글