[자바스크립트] 05. 객체

자바스크립트는 객체를 이용해서 인스턴스를 만든다. 객체의 인스턴스를 만들 때는 new 예약어를 사용해서 만들어주면된다.

예시로 자바스크립트의 내장 객체인 Date( ) 를 이용해서 인스턴스 now를 만들어 보겠다.

// 콘솔 창에서 코드 입력
> var now = new Date()
> now
< Tue Feb 22 2022 17:29:52 GMT+0900 (한국 표준시)

자바와 매우 유사하게 인스턴스 생성이 가능하다.

 

리터럴 표기법

변수 선언과 동시에 값을 지정해주는 방식을 뜻한다.

var x = 10;

 

객체 리터럴 표기법

직접 객체를 리터럴 표기법으로 만들어낼 수 있다.

> var sunghyun = {
	english: 80
    math: 80
    science: 70
    language: 90
    info: function( ){
    	alert("내 영어 점수는 " + this.eng + "점이다.');
    }
  }

> book.english
< 80

기존에 있던 사용자 정의 객체에 속성 추가가 가능하다

society 속성을 추가하면 test 객체에 들어가게 되는 것을 알 수 있다.

// 위에 코드에 이어서

> sunghyun.society = 80
< 80

> test
> var sunghyun = {
	english: 80
    math: 80
    science: 70
    language: 90
    info: function( ){
    	alert("내 영어 점수는 " + this.eng + "점이다.');
    }
  }

생성자 함수를 통해 객체 생성

객체를 리터럴 표기법으로 전부 만들기에는 수고가 많이 든다. 생성자함수로 쉽게 만들어보자

생성자 함수 생성
> function test(english, math, science, language) {
	this.english = english;
    this.math = math;
    this.science = science;
    this.language = language;
  }
  
// 생성자 함수를 이용해서 객체 생성
> sunghyun = new test(80, 80, 70, 90);
> sunghyun.english
< 80