1. 객체의 인스턴스 만들기
- 객체는 참조형태로 사용해야함
- 즉, 객체 자체가 아니라 인스턴스(instance)형태로 만들어서 사용
- new 객체명
- Date 객체 인스턴스 만들기
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Date 객체의 인스턴스 만들기 </title>
<style>
body {
font-size:2em;
text-align:center;
}
</style>
</head>
<body>
<script>
var now = new Date(); //Date 인스턴스 만들고 변수에 저장하기
document.write("현재시각은" + now);
</script>
</body>
</html>
2. 프로퍼티와 메서드 이해하기
-프로퍼티(property)
: 객체의 특징이나 속성
- 메서드(method)
: 객체에서 할 수 있는 동작
ex)
| 프로퍼티 | 메서드 |
| 제조사 | 시동걸기 |
| 모델명 | 움직이기 |
| 색상 | 멈추기 |
| 배기량 | 주차하기 |
- 로컬 형식으로 현재 시각 표시하기
-toLocaleString()메서드 사용
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>로컬 형식으로 현재 시각 표시하기</title>
<style>
body {
font-size:2em;
text-align:center;
}
</style>
</head>
<body>
<script>
var now = new Date;
document.write("현재시각은"+now.toLocaleString());
</script>
</body>
</html>
'JavaScript' 카테고리의 다른 글
| 16장 예제 - Array 객체 (2) Array 객체의 메서드 (0) | 2023.04.11 |
|---|---|
| 16장 예제 - Array 객체 (1) (0) | 2023.04.11 |
| 15장 마무리 문제 2 (0) | 2023.04.08 |
| 15장 마무리 문제 1 (0) | 2023.04.08 |
| 15장 - DOM을 이용한 이벤트 처리기 (0) | 2023.04.08 |
