객체란
"어떠한 사물"의 "속성(Property)"과 "동작(Method)"을 표현한 것.
ex. 자동차
- property : 메이커, 차종, 색상
- method : 출발하기, 정지하기, 시동 키기
Object in Javascript
종류
- 내장 객체(built-in object)
코어 객체: Date, String, Math...
HTML DOM 객체: 이전 게시글(HTML의 DOM 구조:https://mitdog.tistory.com/26) 참조
브라우저 관련 객체(BOM): 브라우저 종류, 스크린 정보, ... - 사용자 정의 객체(custom object)
생성 방법
2가지가 있다.
- 하나의 유일한 객체로 쓸거다
객체 상수로 직접 생성
var person = {
firstName: "John",
lastName : "Doe",
age: 50,
eyeColor: "blue“,
fullName : function() {
return this.firstName + " " + this.lastName;
} // 얘는 유일해서 속성, 메서드에 this 필요없고. 메서드 내에서 쓸 때 this 명시
};
- 같은 유형의 다른 여러 객체로 쓸거다
생성자 함수 정의, new로 객체 생성
function Person(first, last, age, eye) {
this.firstName = first;
this.lastName = last;
this.age = age;
this.eyeColor = eye;
this.fullName = function() {return this.firstName + " " + this.lastName;};
} // 반드시 this 붙여 줍시다잉, 이 생성된 친구의 속성과 메서드이니까넨
var myFather = new Person("John", "Doe", 50, "blue");
'Computer Science > 웹 프로그래밍' 카테고리의 다른 글
JS에서 Random 값 받기(Math.random()) (0) | 2024.07.09 |
---|---|
JS에서 시간 받기(Getting Date in Javascript) (0) | 2024.07.09 |
HTML의 DOM 구조 (0) | 2024.07.09 |
Javascript 문법 (0) | 2024.07.07 |
외부 JS 파일 HTML에 넣기 (0) | 2024.07.07 |