코밍이의 하루

[JS] 내장 객체 - 내장 객체 생성하기 본문

웹언어 공부/JS

[JS] 내장 객체 - 내장 객체 생성하기

코밍이 2021. 8. 11. 22:26

1. 개발 환경

구분 내용
사용 언어 HTML5, JS
개발환경 Visual Studio Code
참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문
웹브라우저 Chrome

 

2. 주요 문법

1) 내장 객체

- 브라우저의 JS 엔진에 내장된 객체

- 종류 : 문자, 날짜, 배열, 수학, 정규 표현 객체 등

 

2) 내장 객체 생성하기

기본형
참조 변수(인스턴스 이름) = new 생성 함수()

 

3. 소스 코드 및 실행 결과

- ob1_test.html

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title> 사용자 정의 객체 </title>
<script>
	var tv = new Object();
	tv.color = "white";
	tv.price = 300000;
	tv.info = function() {
		document.write("tv 색상: " + this.color, "<br>");
		document.write("tv 가격: " + this.price, "<br>");
	}
	var car = {
		color: "black",
		price: 5000000,
		info: function() { 
			document.write("car 색상: " + this.color, "<br>");
			document.write("car 색상: " + this.price, "<br>");
		}
	}

	document.write("<h1>tv 객체 메서드 호출</h1>");
	tv.info();
	document.write("<h1>car 객체 메서드 호출</h1>");
	car.info();
</script>
</head>
<body>
</body>
</html>

ob1_test.html

저작자표시 비영리 변경금지

'웹언어 공부 > JS' 카테고리의 다른 글

[JS] 내장 객체 - 수학 객체  (0) 2021.08.11
[JS] 내장 객체 - 날짜 정보 객체  (0) 2021.08.11
[JS] 객체  (0) 2021.08.11
[JS] 중첩 for문  (0) 2021.08.10
[JS] break문, continue문  (0) 2021.08.10
'웹언어 공부/JS' Related Articles more