기초

문법을 외우려고하지 말고 문법의 흐름을 보려고 노력하자.

문법의 탄생배경을 이해하려고 노력하자.

개념은 되도록 간단히 정리하고 코드실습을 통해 원리를 이해하도록 노력하자.

코드를 다이어그램으로 다이어그램을 코드로 바꿔가면서 학습하자.

개념을 간단히 정리하고 코드실습으로 이해하도록하자.

조건문의 중괄호는 코드블럭연산자이지만 스코프연산자는 아니다.

함수매개변수가 옵셔널일때는 기본값을 설정하는 것이 좋으며 간단한 연산도 가능하다.

add(x=0, y=0, z=x+y){
    console.log(z);
  }

나머지매개변수연산자, 스프레드문법
나머지매개변수연산자는 받을때 스프레드문법은 보낼때

객체구조분해할당과 배열구조분해할당을 써먹을 생각을 하고 있어야 한다.

객체단축표현

  ngOnInit(){
    let a='a';
    let b='b';

    let obj = {
      a,
      c(){
      }
    }
  }

화살표함수

화살표함수는 선언된 위치에서 가장 가까운 스코프소유주(함수컨텍스트)에 자동으로 바인딩된다.

이러한 방식을 렉시컬스코프라고 하며 바인딩은 고정되어 변경되지 않는다.

화살표함수는 익명함수로 선언되기 때문에 함수표현식으로 정의된다.

화살표함수는 prototype프로퍼티가 없기때문에 일반함수보다 가볍다.
따라서 상속이 필요없는 함수, 콜백함수등에 화살표함수를 사용하는 것이 좋다.

화살표함수는 argument객체가 없기때문에 매개변수를 명시적으로 설정해야 한다. 나머지매개변수연산자를 사용하면 유용하다.

자바스크립트함수는 마지막에 항상 return문이 있는것으로 처리되기때문에 화살표함수는 코드블럭을 사용하지 않으면 값을 반환한다.

enum Color {
   Black, Red
}
let a:Color = Color.Black;

let obj = { '1': 'Red', '2': 'Green', '3': 'Blue', Red: 1, Green: 2, Blue: 3 }

enum은 자료형과 상수형객체로 사용이 가능하다.

인덱스시그니처를 가진 객체는 배열처럼 obj[1]로 접근이 가능하다.