티스토리 뷰

WEB/자바스크립트

[Javascript] 객체 생성 & 활용 기초

춘햄 2021. 5. 13. 09:48

자바스크립트도 마찬가지로 객체지향언어이기 때문에 객체를 생성하여 활용할 수 있다.

객체는 다음과 같은 형식으로 생성할 수 있다.

var member = {name: 춘햄, age : 27};

 

생성한 객체는 다음과 같이 사용할 수 있다.

 

◎member.js

var member = {
		id: 123,
		name: "choonham",
		age: 27,
		address: "incheon"
};

◎member.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<script src="js/member.js"></script>
	<script>
		document.write("<h2>" + member.name + "</h2>");
	</script>
</body>
</html>

반응형

'WEB > 자바스크립트' 카테고리의 다른 글

[Javascript] 간단한 D - day 페이지  (0) 2021.05.13
[Javascript] 객체의 생성자 선언  (0) 2021.05.13
[Javascript] 글 숨기기 / 보이기  (0) 2021.05.12
[Javascript] 제어문  (0) 2021.05.12
[Javascript] 입력창 prompt 를 이용한 나이 계산  (0) 2021.05.12
공유하기 링크
Comments
Related Articles more