[JavaScript] 'Destructuring - 구조 분해 할당'이란 무엇인가? (ES6)
·
JavaScript
Destructuring 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다. [MDN] 객체나 배열에서 필요한 값을 개별 변수에 저장하는 것 객체 디스트럭처링 (Object destructuring) const settings = { notifications: { follow: true }, color: { theme: "yello" }, }; // 프로퍼티 key값을 기준으로 Destructuring되어 할당된다. const { notifications: { follow }, color} = settings; console.log(follow, color); // true { theme: 'yello' } 예시 //선언 co..
[JavaScript] arrow function(화살표 함수) 이란 무엇인가?
·
JavaScript
Arrow function ES6 문법 중 하나 this, arguments, super 또는 new.target을 바인딩하지 않음 항상 익명 메소드 함수가 아닌 곳에 적합 - 생성자로 사용할 수 없음. Arrow function 선언 // 함수 표현식 function() { ... } // 화살표 함수 표현식 () => { ... }​ // 매개변수 지정 방법 () => { ... } // 매개변수가 없을 때 num => { ... } // 매개변수가 하나일 때, 소괄호 생략 가능 // implicit return → 함수와 return 식이 한줄이면, 중괄호{}를 생략하고 암묵적으로 return 된다. num => { return num++ } num => num++ // 위 표현과 동일 () => ..