1. 객체의 개념
- 객체는 자신만의 고유한 구성 속성
ex) 자동차: <색상:오렌지, 배기량:3000CC, 제조사:한성, 번호:서울1-1>
사람: <이름:이재문, 나이:20, 성별:남, 주소:서울>
은행계좌: <소유자:황기태, 계좌번호:111, 잔액:35000원>
2.자바스크립트 객체 구성
여러 개의 프로퍼티(property)와 메소드로 구성
- 프로퍼티 : 객체의 고유한 속성(변수)
- 메소드(method) : 함수
3. 자바스크립트 객체 종류
자바스크립트는 객체 기반 언어이다.
자바스크립트는 객체 지향 언어는 아니다.
- 자바스크립트 객체의 유형
①. 코어 객체
- 자바스크립트 언어가 실행되는 어디서나 사용 가능한 기본 객체
- 기본 객체로 표준 객체
- Array, Date, String, Math 타입 등
- 웹 페이지 자바스크립트 코드에서 혹은 서버에서 사용 가능
-코어 객체 종류 : Array, Date, String, Math 등
- 코어 객체 생성 :new 키워드 이용
- 객체가 생성되면 객체 내부에 프로퍼티와 메소드들 존재
-객체 접근 : 객체와 멤버 사이에 점(.) 연산자 이용
②. HTML DOM 객체
- HTML 문서에 작성된 각 HTML 태그들을 객체화한 것들
- HTML 문서의 내용과 모양을 제어하기 위한 목적
- W3C의 표준 객체
③. 브라우저 객체
- 자바스크립트로 브라우저를 제어하기 위해 제공되는 객체
- BOM(Brower Object Model)에 따르는 객체들
- 비표준 객체
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>객체</title>
</head>
<body>
<h3>객체 생성 및 활용</h3><hr>
<script>
var d = new Date();//date 객체를 생성
var d1 = d.toLocaleString();
document.writeln(d1);
document.writeln("<br>")
var s = new String("자바스크립트 공부하기");
document.writeln(s.length);//자바에서는 메소드이지만 자바스크립트에서는 변수로 되어있음
</script>
</body>
</html>
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter
|
http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white">cs |
'화면구현' 카테고리의 다른 글
| (Javascript) Date 객체, String 객체, Math객체, object 객체 (0) | 2020.03.11 |
|---|---|
| (Javascript) 배열 (0) | 2020.03.11 |
| (Javascript) 함수 (0) | 2020.03.11 |
| (Javascript) 구구단만들기 (0) | 2020.03.10 |
| (Javascript)제어문 - 반복문 (0) | 2020.03.10 |
rss