JavaScript 화살표 함수
화살표 함수( => ) : function 키워드보다 간결한 표현으로 함수 생성 O 1. 화살표 함수 선언 a. 매개변수 지정하기 () => { ... }//매개변수 없을 경우 x => { ... }//매개변수 한 개인 경우. 소괄호 생략 O (x, y) => { ... }//매개변수 여러 개인 경우. 소괄호 생략 X b. 함수 몸체 지정하기 x => {return x * x }//single line block x => x * x//함수 몸체가 한 줄의 구문이면 중괄호 생략 O. 위 표현과 동일 () => { return { a: 1 }; } () => ({a: 1})//위 표현과 동일. 객체 반환시 소괄호 사용 () => {//multi line block const x = 10; return x *..
호이스팅과 var, let, const의 차이
자바스크립트 변수 할당, 참조, 선언 이해하기 할당(assignment) : 변수에 값 저장 참조(reference) : 변수에 저장된 값을 읽어 들이는 것 선언(declaration) : 변수명을 자바스크립트 엔진에 알리는 것 자바스크립트에서 변수 선언은 선언→초기화 단계를 거쳐 수행됨 선언 단계 : 변수명을 등록해 자바스크립트 엔진에 변수의 존재 알림 초기화 단계 : 값을 저장하기 위한 메모리 공간을 확보하고 암묵적으로 undefined를 할당해 초기화 1) 변수 선언 후 콘솔 찍기 var mango; console.log(mango);//output : undefined 2) 콘솔 찍은 후 변수 선언 console.log(mango);//output : undefined var mango; 호이스팅..
