자바스크립트/ECMAScript 6 (3) 썸네일형 리스트형 다른 파일에 들어 있는 클래스 불러오는 방법 class를 만들다보면 하나의 파일로 묶어둘 필요가 있다. 여러 클래스를 한 데 모아 놓은 js 파일을 모듈이라고 부른다. 대신 모듈을 불러다 쓰려면 모듈에서 export를 해주고 받는 쪽에서 import를 해줘야 한다. // Human 클래스를 export export class Human { constructor() { } } // person 파일에 들어 있는 Human 클래스를 import import { Human } from './person'; class Student extends Human { } Spread Operator의 활용법 1. 둘 이상의 배열을 합칠 때 const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; const arr3 = [...arr1, ...arr2]; 2. 배열을 깊은 복사할 때 const arr4 = [...arr1]; 3. 둘 이상의 객체를 합칠 때 const obj1 = { prop1: 1 }; const obj2 = { prop2: 2 }; const obj3 = { ...obj1, ...obj2 }; 4. 객체를 깊은 복사할 때 const obj4 = [...obj1]; ES6 자바스크립트의 이상한 기호들 1. Spread Operator (...) let args = [0, 1, 2]; // 아래의 세 함수 호출은 같은 말이다. func(0, 1, 2); func.apply(null, args); func(...args); 2. Arrow Function Expression // 아래의 두 함수는 익명 함수로 같은 말이다. function(a, b) { return a + b } (a, b) => { return a + b; } 화살표 함수가 호출 될 때에는 this가 바인딩 되지 않는다. 그래서 상위 함수가 바인딩한 this를 그대로 가져오게 된다. 클로저로서 외부의 this를 참조하는 것과 같다. 참고 : https://developer.mozilla.org/en-US/docs/Web/JavaScri.. 이전 1 다음