티스토리 뷰

JavaScript

JavaScript의 주요 기초

메성 2019. 11. 28. 07:32
반응형

스크립트의 메모리 위치

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

엄격모드(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
반응형

'JavaScript' 카테고리의 다른 글

ES6 모듈화  (0) 2019.12.09
콜백 함수  (0) 2019.12.09
JavaScript 렌더링 과정  (0) 2019.12.09
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2024/03   »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
글 보관함