javascript Ex8(객체 생성)

권원중·2023년 6월 9일
0

구디아카데미

목록 보기
22/23
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
	/*
		객체를 생성하는 방법
		1. 객체 리터럴(상수) {}를 사용
		2. class 문법
		3. this와 new연산자를 사용하는 함수(생성자 함수)
		4. 익명 생성자 함수를 사용하는 방법
		5. 일반 함수를 사용하는 방법
	*/
	
	// 1.  객체 리터럴(상수) {}를 사용
	let a = {}; // 자바스크립트는 객체에 동적으로 속성 추가가 가능하다 속성안에 함수도 가능
	a.id = 'goodee';
	a.birth = 2012;
	a.address = '금천구';
	
	let b = {id : 'goodee', birth : 2012 , address : '금천구',
			greet : function(){
				alert('b hello')
			}};
	alert("b.id : " + b.id);
	b.greet()
	
	// 2. class 문법(ECMAScript6)
	class User{
		constructor(){ // 생성자 함수 + new 연산자
			this.id = 'goodee';
			this.age = 2012;
		}
		greet(){
			alert(this.id + 'hello');
		}
	}
	let u = new User();
	alert('user : ' + u.id);
	u.greet();
	
	let u2 = new User();
	u2.id = 'ace';
	alert('user : ' + u2.id);
	u2.greet();
	
</script>
</head>
<body>

</body>
</html>

0개의 댓글