JavaScript #3

윤동민·2024년 6월 19일

JavaScript

목록 보기
3/12

Out

HTML

<script src="../Java_script/njs1.js"></script>
	<!-- 스크립트의 요소(njs1)이 끝나기전에 njs2를 불러왔기 때문에
	또 njs2까지 실행한 다음 부모(njs1)로 돌아간다. -->

CSS-njs1

document.write("njs1.js");
document.write("<div style = 'color:red; font-size: 24px;'>외부 자바스크립트 파일</div>")
document.write("<script src='../Java_script/njs2.js'></script>")

CSS-njs2

document.write("njs2.js는 njs1.js에 포함");
document.write("<div style = 'color: blue; font-size: 20px;'>외부 자바스크립트 파일</div>")

njs1을 실행하고 njs1에서 njs2를 또 실행시켰기 때문에
njs1 → njs2 다 실행끝나고 다시 부모인 njs1로 돌아간다.


Type

var num;	
	
	document.write(typeof 100 + "<br />");
	document.write(typeof 10.5 + "<br />");
	document.write(typeof num + "<br />");
	document.write(typeof true + "<br />");
	document.write(typeof num + "<br />");
	document.write(typeof [1,2,3] + "<br />");
	document.write(typeof {name:'여의동', age:25} + "<br />");

typeof 연산자 : typeof 뒤에 있는 데이터가 무슨 타입의 데이터인지 알려주는 연산자.
-입력 검증에 쓰이고
-디버깅과 로깅에 용이하다.

Type-var

<script>
	stdName = "홍길동";
	comGrade = 96;
			
	var stdName = "김유신";
	var comGrade;
			
	document.write("학생이름: " + stdName + "<br>");
	document.write("컴퓨터 점수: " + comGrade + "<br>");
</script>
<!-- var는 변수명 재선언을 해도 데이터 값 변동 없음 (값을 넣지 않았을때) -->


var는 재정의가 가능해서 처음에 '홍길동'이 들어갔지만 '김유신'으로 값이 변경되었다.
comGrade는 재정의는 하였지만 값의 변동은 없음.

Type-let

<script>
	stdName = "홍길동";
	comGrade = 96;
			
	//let stdName = "김유신";
	//let comGrade;
			
	document.write("학생이름: " + stdName + "<br>");
	document.write("컴퓨터 점수: " + comGrade + "<br>");
</script>

재정의 선언이 불가능해서 에러가 뜬다.

profile
나를 한줄로 소개하자

0개의 댓글