JavaScript 주요 개념

곧 시작 할 프로젝트를 시작하기 전에 JavaScript를 배운지 몇 달 돼서 다시 복습하는 시간을 가졌다. 전부 다 복습하기에는 시간을 너무 소요할 것 같아서 주요하다고 생각되는 부분만 개념 정리를 해보았다.

1. 객체구조분해

샌드위치 객체에서 bread와 meat 객체구조분해를 해서 각각의 값을 할당하였다.

console.log를 찍어보면 샌드위치 객체에 같은 이름으로 저장된 bread, meat의 값이 할당된다.

만약 bread의 값을 통밀빵으로 재할당하고 샌드위치 객체를 console.log에 찍어보면 샌드위치 객체는 변함없다.

• let{bread, meat} = sandwich;
  ✔ 객체의 프로퍼티 값과 이름이 같은 변수에 {} 을 주어서 객체 이름을 할당하면 객체 내의 같은 이름의 프로퍼티 값이 할당된다.

2. Object 축약 표현

1-1) x, y 일반 변수를 선언해서 각 1의 값을 할당한다.
1-2) oldObj에 x, y 프로퍼티를 선언하고 각각 x, y 의 값을 할당 함
1-3) sayHi 라는 프로퍼티에는 익명함수로 console.log를 찍도록 할당했음

2-1) xx, yy 일반 변수를 선언해서 각 10의 값을 할당한다.
2-2) newObj에는 xx, yy 프로퍼티를 선언했지만 값은 할당하지 않음
2-3) sayHi 라는 프로퍼티에는 화살표함수로 각 프로퍼티를 찍도록 할당했음

결과를 찍어서 비교해보겠다.

• 비교
  ✔ 비교1) 프로퍼티에 값을 할당하지 않아도 일반변수와 이름이 같다면 자동으로 값이 할당 됨
  ✔ 비교2) old는 익명함수, new는 화살표함수로 sayHi를 주었는데 화살표함수를 사용할 시 this 를 인식하지 못함.