JavaScript의 주요 기초

스크립트의 메모리 위치

• 스크립트를 별도의 파일에 작성해 놓고 가져와서 쓰게 되면 브라우저가 스크립트를 다운 받아 캐시에 저장함.
  • 즉, 여러 페이지에서 동일한 스크립트를 사용하는 경우 브러우저는 페이지가 바뀔때마다 캐시에서 가져와 사용 -> 성능상 이점(트래픽 향상)

엄격모드(use strict)

• 새롭게 제정된 ES5에서는 새로운 기능이 추가되고 기존 기능 중 일부가 변경이 되는데, 이 변경 사항을 적용하지 않고 javascript를 수행하기 위한 것

자료형

• 숫자형
  • 정수, Infinity(1/0), -Infinity, NaN("abc"/2)
  • 연산은 *, / , -, +
• 문자형
  • 큰, 작은 따옴표로 문자열 표현
  • 역 따옴표(`)을 사용하면 문자열 중간에 '${}'을 삽입할 수 있음
    • Ex.) Hello ${name}! => Hello John!
    • Ex.) The result is ${1+2}! => The result is 3!

형변환

• 문자형으로 변환
  • alert(value)안에 value 값은 어떤 값이든 문자형으로 변환됨
  • String(value)를 사용 시 value는 문자열로 변환
  • 1 + '2' = 12로 문자열로 변환 됨
• 숫자형으로 변환
  • "6"/"3" = 2가 됨.
  • Number(value) 사용 시 value를 숫자형으로 변환
  • Number("임의의 문자열 123") = NaN으로 형변환 실패
  • 전달 받은 값
    • [undefined]     -> [NaN]
    • [null]          -> [0]
    • [true || false] -> [1 || 0]
    • [String]        -> 문자열의 처음과 끝 공백이 제거 | 공백 제거 후 남아있는 문자열이 없으면 0, 아니면 숫자를 읽음, 변활 실패 시 NaN
• 불린형으로 변환
  • [false로 변환] : 숫자 0, 빈 문자열, null, undefined, NaN
  • [true로 변환]  : 그 외의 값은 true로 변환 | "0"은 true

연산자

• 피연산자가 숫자형으로 변환됨
  • +true = 1
  • +""   = 0
• 문자열 숫자 연산
  •  Ex. 
    • let apples = "2";
    • let oranges = "3";
    • alert(apples + oranges);    //"23"
    • alert(+apples + +oranges);  //5
    • alert(Number(apples) + Number(oranges));    //5