<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
// 출력용 API
// 문자 표시 : '' , "", ``(<-- 엔터키까지 인식 가능)
//let x = 10;
// alert('test');
//console.log('console' + x +'test');
//console.log(`console ${x}test`);
// console.log()는 매개변수 여러개도 가능
console.log('구디','아카데미');
// 데이터
// 1) 값 타입
// 숫자
let a1 = 10; // 변수 선언시 var(옛날 방식), let(요즘 방식) const(상수 만들때) 사용
let a2 = 3.4;
console.log('a1 : ', a1);
console.log('a2 : ', a2);
// 문자
let b1 = '구디';
let b2 = "구디";
let b3 = `구디`;
console.log('b1 : ', b1);
// 불리언
let c1 = true;
let c2 = false;
console.log('c1 : ', c1);
// 2) 참조 타입
// 배열
let d = [4, 5, 1];
console.log('d[0] : ', d[0]);
// 객체
let e = {id : 'admin', age : 25, married : false};
console.log('e.id :', e.id);
// 코드
let f = function(){
console.log('코드도 변수에 저장이 가능핟.');
};
console.log(f);
f(); // 코드는 함수호출 연산자를 이용하여 실행이 가능하다 <- 함수호출(실행)
// 특별한 값들
// infinity(무한대), NaN, undefined, null
let s1 = 1/0;
console.log('1/0 : ', s1);
console.log('s1 타입 : ', typeof(s1)); // typeof연산자
let s2 = 0/0;
console.log('0/0 : ', s2); //NaN 유효성 검사할때 활용함
console.log('s2 타입 : ', typeof(s2)); // NaN도 숫자타입이긴하다.
let s3 = null;
console.log('s3 : ', s3);
console.log('s3 타입 : ', typeof(s3)); // null은 객체타입
// let s4;
//console.log('s4 : ', s4);
//console.log('s4 타입 : ', typeof(s4));
// 램퍼(박싱)타입
let x = 'test';
// x를 참조문자타입으로(오토박싱) 변셩후 length 속성, subString() 메서드 사용
console.log('x.length : ', x.length);
console.log('x.subString() : ', x.substring(2));
// 객체안에 코드
let obj = {
name : '구디',
age : 12,
play : function(){alert('놀다');}
};
// console(obj['name']); <--이런 표현도 가능
console.log('obj name 속성 : ', obj.name); // .참조연산자
console.log('obj age 속성 : ', obj.age);
console.log('obj play 속성 : ', obj.play);
// obj.name(); // TypeError : obj.name is not a function
//()함수호출연산자는 코드타입(함수, 메서드)에만 사용가능하다
obj.play();
</script>
</head>
<body>
<h1>javasctipy ex1</h1>
</body>
</html>
JSD