ES6
-
CommonJs,AMD(Asynchronuous Module Definision)ES6 2020. 3. 9. 10:47
정의 모듈 라이브러리를 만들어서 서로 간의 간섭을 없앤다. 문제점 script 파일을 불러올때 결과값이 아닌 코드를 전부 가져와 실행하게 되는데 만약 변수 이름이 다른 script 파일과 겹친다면 마지막으로 불러오는 파일에 변수값으로 덮어 씌워지게 된다. 오류가 나지 않아 나중에 큰 문제가 생길 수 있다. 사용법 내보내는 쪽에서 export를 줘서 내보낼만한 모듈을 선택한다. 받아오는 쪽에서 import를 통해 가지고와 표현한다. 만약 import 하지 않은 것을 가지고 오는 경우 에러가 난다. 모듈로 사용하는 js파일의 확장자명을 mjs로 사용하기도 한다.
-
계산된 프로퍼티 computed property nameES6 2020. 2. 29. 15:26
프로퍼티 키 동적 생성 문자열, 문자열로 변환 가능한 값을 반환하는 표현식을 사용해서 동적으로 프로퍼티 키를 생성할 수 있다. 단 프로퍼티 키로 사용할 표현식은 대괄호([...])로 묶어야 한다. 이를 계산된 프로퍼티 이름 (computed property name)이라고 한다. *ES6의 변수 선언과 Object 생성 , Property 추가 객체 리터럴 상속 ES5 Object.create()를 사용해 객체를 생성한다.(프로토 타입 패턴 상속) *__proto__ 부모 객체를 상속받을 수 있다. 자식 객체 이름 ={ __proto__:부모객체이름} 으로 사용한다.
-
ES6와 ES5 비교ES6 2020. 2. 26. 17:55
ES6=ECMASCRIPT 6 *ES5의 문제점 1. 함수 레벨 스코프 2. var 키워드 생략 가능 3. 변수 중복 허용 4. 변수 호이스팅(선언은 나중에하고 실행 가능) 5. ==, === ES5 javascript는 함수 단위로만 scope가 잡힌다. var는 생략이 가능하다. 단 전역변수로만 쓸 수 있다. hosting이 가능하다. javascript는 동적 Typing 언어이다. 자료형이 유동적으로 변한다. 1.함수 중에서는 익명 함수와 기명 함수로 표현해서 쓸 수 있다. 2.또한 즉시 실행 함수로 선언을 하자마자 바로 실행하는 함수가 있는데 다른 곳에 재상용을 하지 않을 때 사용한다. 3.또한 함수 표현식에 의한 명시적 함수 호출이 가능하다. 1급객체 : 매개변수로 전달할 수 있고, 변수에 할..