반원 블로그

JavaScript 2.변수, 변수 스코프(영역) 본문

2018~/프론트 엔드 기초(HTML, CSS, JavaScript)

JavaScript 2.변수, 변수 스코프(영역)

반원_SemiCircle 2019. 8. 12. 22:46

변수 생성

  • 선언 방법 : var 변수명;
  • 변수명 : 변수(메모리 주소)를 나타내는 이름
  • 선언 및 초기화 : var 변수명 = 초기값;

변수와 메모리

  • 모든 데이터는 메모리(저장공간)에 쌓이게 된다.
  • 변수에 설정한 값도 데이터
  • 이 데이터에 접근하기위한 방법이 변수명을 사용하는 것

변수의 자료형

  • String, Number, Boolean, undefined(아직 미정), null

출력 결과 확인 팁

  • console.log(데이터); : 개발자도구에서 확인 가능

예제1 : index.html

<!DOCTYPE html>
<html lang="ko">
    <head>
        <script src="js/main.js"></script>
    </head>
    <body>

    </body>
</html>

예제1 : main.js

//변수 생성
var x;
console.log(x); //undefined 출력
x = 10;
console.log(x); //10출력
x = 10;

//여러 값 생성
var a = 5, b = 7;
console.log(a,b);

//데이터 타입 확인법
console.log(typeof x);
console.log(typeof "text");
console.log(typeof true, typeof false); 

//새로 선언해도 값을 지정안하면 기존값을 사용한다
var x,a,b;
console.log(x,a,b);

예제1 : 출력결과(크롬개발자도구 > 콘솔)

저작자표시 비영리 변경금지

'2018~ > 프론트 엔드 기초(HTML, CSS, JavaScript)' 카테고리의 다른 글

JavaScript 4. 조건문 (if, switch) 과 반복문( while, for,foreach ), 배열  (0) 2019.08.14
JavaScript 3.연산자(산술, 비교, 삼항, 논리)  (0) 2019.08.12
JavaScript 1.개요 및 기본구조  (0) 2019.08.12
Firebase 1.개요, 프로젝트 생성  (0) 2019.08.12
BootStrap 1.부트스트랩 개요  (0) 2019.08.12
CSS 3. CSS파일 불러오기  (0) 2019.08.12
CSS 2.Box Model, margin, padding, border  (0) 2019.08.12
CSS 1.CSS란? CSS 적용 방법(요소, 선택자)  (0) 2019.08.12
'2018~/프론트 엔드 기초(HTML, CSS, JavaScript)' Related Articles more
Comments