Computer Science/웹 프로그래밍

JS에서의 객체(Object in Javascript)

mitdog 2024. 7. 9. 09:45

객체란

"어떠한 사물""속성(Property)""동작(Method)"을 표현한 것.

ex. 자동차

  • property : 메이커, 차종, 색상
  • method : 출발하기, 정지하기, 시동 키기

Object in Javascript

종류

  1. 내장 객체(built-in object)
    코어 객체: Date, String, Math...
    HTML DOM 객체: 이전 게시글(HTML의 DOM 구조:https://mitdog.tistory.com/26) 참조
    브라우저 관련 객체(BOM): 브라우저 종류, 스크린 정보, ...
  2. 사용자 정의 객체(custom object)

생성 방법

2가지가 있다.

  1. 하나의 유일한 객체로 쓸거다
    객체 상수로 직접 생성
var person = {  
    firstName: "John",  
    lastName : "Doe",  
    age: 50,  
    eyeColor: "blue“,  
    fullName : function() {  
        return this.firstName + " " + this.lastName;  
    }  // 얘는 유일해서 속성, 메서드에 this 필요없고. 메서드 내에서 쓸 때 this 명시
};
  1. 같은 유형의 다른 여러 객체로 쓸거다
    생성자 함수 정의, 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