변수 선언 방식
var : 초기화 후 변수 선언 가능, 재선언 가능
참조
얼핏보면 편하겠다는 생각이 들겠지만, 다수가 동시에 같은 작업 시 변수 충돌이 우려된다.
예시
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<p id="num">p</p>
<script type="text/javascript">
// 초기화 후 변수 선언
v = 1;
var v;
document.getElementById('num').innerHTML = v; // 출력을 위한 코드(dom)
//재선언 가능
var v = 2;
document.getElementById('num').innerHTML = v;
</script>
</body>
</html>
실행화면 : 초기화를 먼저 진행하여도 에러가 발생하지 않고, 재선언 부에도 에러가 발생하지 않는다.
p 태그입니다
let : 변수 선언 후 초기화, 재선언 불가, 재할당 가능
예시
// 변수 선언
let i = 2;
// 재할당 가능
i = 4;
/* 불가능
i = 5;
let = i;
let i = 5;
*/
실행화면
p 태그입니다
데이터 타입의 종류
문자형 : String
"", '' 안에 들어 있는 문자이다. 연산시 우선순위가 높다.
숫자형 : number
논리형 : boolean
object형 : array [] , class
예시
// JavaScript는 변수타입 지정 없이도 선언이 가능하다.
var str = 'hello';
var str = "hello";
// 에러
// var str = 'hello";
var num = 123;
var pi = 3.141592;
var answer = true;
var cars = [ "saab", "volvo", "bmw" ];
var strNum = "5" + 3 + 1; // -> 531 문자열로 통합된다.
var numStr = 3 + 2 + "3"; // -> 53
typeof : 데이터 타입 확인
예시
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
변수(variable)
<p id="demo">p tag</p>
<script type="text/javascript">
document.getElementById('demo').innerHTML
= "홍길동 : " + typeof "홍길동" + "<br>"
+ "325 : " + typeof 325 + "<br>"
+ "3.14 : " + typeof 3.14 + "<br>"
+ "true : " + typeof true + "<br>"
+ "array : " + typeof [1,2,3] + "<br>"
+ "object : " + typeof { num:1, name:'abc'};
</script>
</body>
</html>
실행화면
p tag
주석
형식
// : 한줄 주석처리
/* */ : 여러 줄 주석처리
예제
// 한줄 주석처리
/*
여러줄
주석처리
*/'IT > JavaScript' 카테고리의 다른 글
| [Html+JavaScript] 진수 변환하기/10진수를 2진수, 8진수, 16진수 변환하기/toString(feat.Dom) (0) | 2021.06.06 |
|---|---|
| [Html+JavaScript]Date()사용법/날짜,시간 설정하기(setter)/년,월,일,요일,시,분,초 출력하기(getter)(feat.Dom) (0) | 2021.06.06 |
| [Html+JavaScript]1초당 갱신되는 시계 만들기(feat.Dom)/setInterval()/Date() (0) | 2021.06.06 |
| [Html+JavaScript] getElementById()/onclick사용법(feat.Dom) (0) | 2021.06.06 |
| [JavaScript] 자바스크립트 정의/작성 위치 (0) | 2021.06.04 |