[JavaScript] JS로 크롬 만들기 2.1. 변수와 객체

TOC

• 변수
  • 변수의 선언
  • 변수 선언 syntax : var, let, const
• boolean
  • true & false
  • null : value
  • undefined : type
• Object

변수

변수의 선언

const a = 5;
const b = 10;
const veryLongVariableName = "BOOOOK";

• const는 변하지 않는 값인 상수
• string이 변수명으로 필요한 경우 camelCase 이용
• 맨 앞은 소문자로, 이후 단어 앞마다 대문자로
• JS : camelCase, Python : snake_case

변수 선언 syntax : var, let, const

const

• 값이 바뀔 수 없는 상수(constant)
• 선언과 동시에 해당 변수는 재정의 불가능
• 바뀌지 않은 불변 변수가 필요할 때 사용

let

• 선언 이후에도 변수의 값을 바꿀 수 있다.
• 변수의 값을 바꾼다기보다는 업데이트, 즉 같은 변수의 이름을 새롭게 정의하는 것

var

• let과 const 이전의 변수 선언 문법
• 원한다면 언제든지 갱신 가능
• 인간적인 실수로 이후의 코드에서 값을 바꿀 때 언어로부터 보호받지 못한다.
• 수정으로부터 보호받을 수 있는 const

그러면 어떻게 써야하나요?

• 일반적으로는 const를 사용(변수 업데이트 빈도가 그리 높지 않아서)
• 변수가 바뀌어야 하는 상황일 때 let 사용
• var의 사용은 되도록 지양

boolean

true & false

• true는 1, false는 0
• text가 아니기 때문에 다른 색으로 표시된다.

null : value

• 아무 것도 없음을 의마하는 값
• 변수 안에 무언가 없다는 것을 확실히 할 때 사용!
• 때문에 자연적으로 발생하지 않는 의도적인 값
• false와 다르다. false는 false라는 값이다.

undefined : type

• 변수의 선언만 되어있는 것(let something;)
• 컴퓨터가 변수에 대해 인지는 하고 있다.
• 값이 정의되지 않은 것

Object

• 중괄호를 이용해 설정
• key: value 처럼 colon을 이용
• comma(,)로 항목별 구분

const player = {
  name: "nico",
  points: 10,
};

특징

• console.log(player); 처럼 객체 전체를 출력할 수 있게 한다.

• obj.props = something 식으로 업데이트, 추가도 가능

• player.points = player.points + 15;

• key를 이용하는 방법

  • player.name
  • player['name']