[JS 핵심 가이드] 00. 자바스크립트 기초

본 게시물은 한빛미디어의 "모던 자바스크립트 핵심 가이드"(알베르토 몬탈레시 지음)를 공부하면서 작성되었습니다.

 

이전 글: [JS 핵심 가이드] 0. 목차 소개

---

 

00.  자바스크립트 기초

- 자바스크립트는 동적언어이다

   : 즉, 정적언어와 달리 변수를 정의할 때 자료형을 정의할 필요가 없다. ( ► 협업에 문제가 될 수 있어, 강타입언어로 탈바꿈한 TS가 등장)

 

 

 

- 변수에 저장된 키를 통해 객체의 속성에 접근하려면 대괄호 표기법을 사용해야한다

const cars = {
	hyundai: "grendeur",
    kia: "k9",
};

const key = "hyundai";
console.log(cars.key); // undefined
console.log(cars[key]; // grenduer

 

 

- 객체 복사: 참조 방식

    즉, 두 객체를 항등 연산자(==), 완전 항등 연산자(===)를 사용하여 비교했을 때, true, true 가 반환된다.

    이는 두 객체가 동일함을 의미한다.(동일한 속성을 가진 두 객체를 비교하더라도 false가 나옴)

 

    * 객체의 복사본 만들기: Object.assign()

Object.assign() - JavaScript | MDN

 

 

- 배열은 객체와 다르게 key가 아닌 index로 항목에 접근하는 방식, 배열은 원시 자료형이 아니라 객체다!

    *원시 자료형: 객체가 아닌 자료형으로, 메서드를 가지지 않음. ex) string, number, boolean, null, undefined, symbol

 

 

 

-  this의 값을 설정할 수 있는 3가지 방법.

    1. bind(): 객체 지정

    2. call(): 인수의 목록

    3. apply(): 인수의 배열