ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • ES6 기본 정리
    Computer Science/JavaScript 2019.02.27 19:25

    자바스크립트 ES6 정리


    작업환경: jsbin.com


    0. var는 사용하지 않는다.


    const를 기본으로 사용한다.


    그런데 변경이 될 수 있는 변수는 let을 사용한다.


    const를 사용하더라도 배열과 오브젝트의 값을 변경하는 것은 가능하다.


    1. arrow function


    this 바인딩 안함


    2. 템플릿 리터럴


    백틱으로 문자열 감싸고 ${변수명} 표기


    3. 비구조화 할당(destructing assignment)


    객체 안의 필드를 손쉽게 꺼내어 변수로 대입 가능하다.


    변수 선언 시 { 변수명 } 곧바로 . 없이 대입


    객체를 비 구조화 한 후 함수의 인자로 넘길 수 있다.


    배열에서도 비구조화 할당 사용 가능


    4. 향상된 객체 리터럴


    key : value 형태에서 단순히 변수명만 작성해주면 


    변수명과 동일한 필드명이 생성되며, 그 변수값이 대입된다.


    5. 간결한 메서드


    function 키워드 없이 객체 메서드 정의.


    6.전개 연산자 spread operator( ...array)


    기존 배열 유지할  때 사용


    ...rest(나머지 요소) Rest element 불림


    React에서 불변함을 위해 활용함.


    7. 클래스의 등장


    자바스크립트 모델이 바뀌지 않음


    내부에서는 프로토타입 기반으로 작동한다.


    구현 방식에 맞춘 새로운 문법


    8. 기본 파라미터(default parameter)


    편하게 기본값을 설정할 수 있음


    9. export와 import 키워드로 모듈화 구현이 가능해졌다.


    Export


    Named export


    Default export


    Import


    as로 별명 설정



    댓글 0