[HTML] js hoisting 개념

비타민규·2023년 8월 3일

[HTML]

목록 보기
6/25
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>

<script type="text/javascript">
<!--
	window.document.write("환영합니다");
	window.document.write("<br><b>환영</b><i>합니다</i>");
	
-->
자바스크립트의 정석은 <!-- -->를 붙여 자바스크립트라는걸 알려야 함. 브라우저에서 js해석을 못하면 주석으로 받아들이게끔
하지만 요즘엔 브라우저가 다 해석을 해서 굳이 안 붙여도 됨
</script>

유스 스트릭 쓰는 순간 a,b변수는 무시당함
a,b변수 주는 방식은 옛날방식.
너저분해서 안 좋아함

<script>
	"use strict" // 엄격 모드. 모던한 모드(안쓰면 느슨한 모드)
	window.document.write("이건 자바스크립트");
	// a=10;
	// b=20;
	window.document.write('<br>a:',a);
	var a = 10; // 호이스팅 기능이 자동 발생. 비권장
	var b = 20;
	
	window.document.write("<br>");
	window.document.write(a+b);
	
	// window.document.write('<br>c:',c);
	let c = 30; // 선언한 이후에만 변수 사용 가능
	let d = 40; // js는 에러메세지를 브라우저에서 f12누르고 콘솔차에서 봐야됨
	
	window.document.write("<br>");
	window.document.write(c+d);
	
	//개발자가 엔드유저에게 안 보여주고 싶은 내용이 있으면
	console.log(c+b); // 표준출력장치로 출력. 브라우저 검사창에서 확인
	
	
</script>
</body>
</html>
profile
같이 일하고 싶은 개발자가 되어야지

0개의 댓글