자바스크립트 기본 문법 정리

지금까지 배운 자바스크립트 기본 문법 정리

---

코드구조

여러 개의 구문은 세미콜론을 기준으로 구분할 수 있다.

alert('Hello'); alert('World');

줄 바꿈도 여러 개의 구문을 구분하는 데 사용되므로 아래 코드는 정상적으로 동작한다.

alert('Hello')
alert('World')

이런 동작 방식을 '세미콜론 자동 삽입(automatic semicolon insertion)'이라고 부릅니다. 그런데 세미콜론 자동 삽입이 동작하지 않을 때도 있다.

alert("이 메시지가 출력된 후에 에러가 발생합니다.")
[1, 2].forEach(alert)

코딩 컨벤션과 같은 코드 스타일 지침서 대부분은 문장의 끝에 세미콜론을 붙이는 걸 권장한다.
코드 블록({...} )이나 코드 블록과 함께 구성되는 문법(예: 반복문) 끝엔 세미콜론을 붙이지 않아도 괜찮다.

변수

변수는 크게 var let const 으로 나눌 수 있다.

• var : 자바스크립트 ES6 이전에 변수 선언에 사용하던 방법
  재선언, 재할당이 가능하여 어디에서 에러가 났는지 찾기 어려워 ES6이후 잘 사용하지 않는다.
  여러번 선언, 할당 하였을 경우 마지막에 선언한 변수가 작동한다.

• let : 자바스크립트 ES6 이후 나온 변수 선언 방법
  중복 선언을 허용하지 않고 재할당은 가능하다.
  중복 선언을 할 경우 SyntaxError 가 발생한다.
  let 을 재할당 하고 싶을 경우에는 앞의 let 을 생략 할 수 있다.

let age = 23;
console.log(age);
//23 츨력

age = 24;
console.log(age);
//24 출력

• const : 자바스크립트 ES6 이후 나온 변수 선언 방법
  const 는 재선언, 재할당이 모두 불가능 하다.
  따라서 변하지 않는 값에 사용하기에 적절하다.

변수 이름 명명 규칙

숫자와 문자를 사용하되 첫 글자는 숫자가 될 수 없다.
특수기호는 $와 _만 사용할 수 있다.
비 라틴계 언어의 문자나 상형문자도 사용할 수 있지만 잘 쓰이진 않는다.
자바스크립트는 동적 타이핑을 허용하기 때문에, 자료형을 바꿔가며 값을 할당할 수 있다.

자바스크립트의 8가지 자료형

자바스크립트는 여덟 가지 기본 자료형을 지원합니다.

• 정수와 부동 소수점을 저장하는 데 쓰이는 숫자형
• 아주 큰 숫자를 저장할 수 있는 BigInt형
• 문자열을 저장하는 데 쓰이는 문자형
• 논리값 true/false을 저장하는 데 쓰이는 불린형
• ‘비어있음’, '존재하지 않음’을 나타내는 null 값만을 위한 독립 자료형 null
• 값이 할당되지 않은 상태를 나타내는 undefined 값만을 위한 독립 자료형 undefined
• 복잡한 자료구조를 저장하는 데 쓰이는 객체형과 고유한 식별자를 만들 때 사용되는 심볼형