1. 기본 자료형

1) 원시 타입 (Primitive Type)

Number

• JS에서는 int, long, float, double과 같이 정수와 실수를 구분하는 숫자 타입이 없음
  → 모두 64bit 실수로 표현됨

String

• 문자열 자료형
• " 와 ' 는 동일
• ES6부터 백틱( ` ) 문자열 지원 (Template literal)

Boolean

• true or false

Symbol

• ES6 이후에 나온 원시타입
• 유일하고 변경할 수 없는 식별자를 만들고 싶을 때 사용

Null

• '값'이 정해지지 않은 것을 의미
• Object 타입

Undefined

• '타입'이 정해지지 않은 것을 의미
• 초기화되지 않은 변수나 존재하지 않는 값

2) 객체 타입 (Object Type)

Object

• 자바스크립트의 기본 타입

• { }로 감싸진 형태

• property의 정렬되지 않은 집합

• property는 {key: value} 형태로 구성

• property가 함수일 경우 method라고 부름

• 원시타입을 제외한 나머지는 모두 객체
  → function, array, regex(정규식)도 모두 객체
  
  

3) Array

• JS에서는 array도 객체임

• 배열 요소의 타입이 고정되어 있지 않음
  → 같은 배열에 있는 요소들의 타입이 서로 다를 수도 있음

• 배열 요소의 인덱스가 연속적이지 않아도 됨
  → 배열의 특정 요소가 비어있을 수도 있음

• 기본 형태
  arr = [elem1, elem2, elem3]

4) Function

• JS에서는 function도 객체임
• 하나의 고유한 목적의 작업을 수행하도록 설계된 독립적인 블록
  
  

💡 자바스크립트의 함수는 일급 객체

• 변수 or 데이터 구조에 담을 수 있음
• 다른 함수의 파라미터로 전달 가능
• 반환 값으로 사용 가능
  
  

함수 선언식

• 호이스팅의 영향을 받음

<// 함수 선언식 생성
function funcName (params) {
  
}

// 함수 선언식 실행
funcName(params);

함수 표현식

• 호이스팅의 영향을 받지 않음
• 함수를 변수에 할당 (일급 객체!)

// 함수 표현식 생성
const funcName = function(params) {
  
}

// 함수 표현식 실행
funcName(params);

• 화살표 함수
  * 간결한 표현식
  • 변수가 하나면 소괄호 생략 가능
  • 상황에 따라 return문 생략 가능

// 함수 표현식 생성 - 화살표 함수
const funcName = (params) => {
    
}
  
// 함수 표현식 실행
funcName(params);