자바스크립트 객체의 인스턴스란? (번역)

2020. 6. 13. 20:47·개발/JavaScript

자바스크립트 객체 인스턴스에 대해 알아보기 전에 기술적 측면을 먼저 살펴보자. 객체란 우리의 실제 생활에 있는 대상을 프로그래밍적으로 구현한 것이다. (이 글은 <What is an instance of object in JavaScript>를 번역한 것입니다.)

 

코드는 컴퓨터에게 특정한 대상[객체]을 설명하는 역할을 한다. 코드는 대상의 속성은 무엇이며, 이러한 대상이 무엇을 할 수 있는지[메소드]를 설명한다. 다음은 사람이라는 대상을 객체로 표현한 것이다.

function Person(name, age, gender, greeting) {
    this.name = name;
    this.age = age;
    this.gender = gender;
 	this.greeting = function()
    {
        alert('Hi! I\'m.' + this.name + 
         '.');
    };
}

이제 해당 객체의 인스턴스(instance)를 만들어보자.

// Instance creation
var guy = new Person('Juan, 40, 'male');

// Instance consumption
guy.greet();

guy라는 인스턴스는 정의에 따라 Person 생성자 함수를 살펴보고, 이를 메모리에 할당하여 생성된다. 

 

다른 예로, 요리책을 생각해보자. 맛있는 감자 스프를 만드는 요리법이 요리책에 있을 수 있지만, 페이지를 읽어서만은 감자 스프 맛을 볼 수가 없다. 요리책에는 감자 스프가 없기 때문이다.

 

요리책과 상호 작용하기 위해서는 감자 스프[인스턴스]를 만들어야 한다. 아침에 감자 스프[인스턴스]를 만들고, 저녁에 또 먹고 싶어 두 번째 감자 스프[또 다른 인스턴스]를 만들었다고 해보자. 각 감자 스프가 바로 인스턴스다. (참고로, 이들은 동일한 레시피를 사용했지만, 동일한 대상[인스턴스]은 아니다.)

 

한 줄 정리: 인스턴스란 메모리에 저장되는 객체의 실체에 초점을 맞춘 용어다.

'개발 > JavaScript' 카테고리의 다른 글

자바스크립트 공부 독학 사이트 추천  (0) 2020.06.18
자바스크립트 배열 속성 및 메소드 정리  (0) 2020.06.10
자바스크립트 화살표 함수 사용 방법 정리  (0) 2020.06.09
'개발/JavaScript' 카테고리의 다른 글
  • 자바스크립트 할당 연산자
  • 자바스크립트 공부 독학 사이트 추천
  • 자바스크립트 배열 속성 및 메소드 정리
  • 자바스크립트 화살표 함수 사용 방법 정리
휘Hwi
휘Hwi
여행, 사진, 개발, 책 이야기를 기록하는 여행자 휘의 블로그 𓂍
Klook.com
  • 휘Hwi
    휘: 끝나지 않은 이야기
    휘Hwi
  • 전체
    오늘
    어제
    • 분류 전체보기
      • 기록
        • 일상 에세이
        • 인사이트
        • 투자와 재테크
        • 코인 이야기
        • 아카이빙
        • 집무실 레터
        • 사랑에 대하여
        • 번역 이야기(完)
        • 프리랜서 일지(完)
      • 여행
        • 🌎 세계 여행기 S1 (完)
        • 🌊 삼삼한 여행기 (完)
        • 🚶 온더로드
        • 🇯🇵 일본
        • 🏝️ 발리
        • 🇻🇳 베트남
        • 🇱🇰 스리랑카
        • 🇮🇳 인도
        • 🇹🇭 태국
        • 🇸🇬 싱가포르
        • 🇦🇺 호주
        • 🇭🇰 홍콩
        • 🇰🇷 한국
        • 🍚 여행자의 한 끼
        • ℹ️ 여행 정보
      • 사진
        • 사진가
        • 사진 이론과 생각
        • 사진 관련 정보
      • 영상
        • 파이널컷 모션 공부
        • 고프로 GoPro
        • 영상 관련 정보
      • 책
        • 책 읽고 쓰기
      • 개발
        • 티스토리
        • Internet
        • HTML
        • CSS
        • JavaScript
        • Typescript
        • React
        • Node.js
        • Express
        • NestJS
        • Python
        • Django
        • MySQL
        • MongoDB
        • AWS
        • Deployment
        • Terminal
        • Git
        • Glossaries
        • Articles
        • Projects
        • TIL;
      • 미분류
  • 인기 글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
휘Hwi
자바스크립트 객체의 인스턴스란? (번역)
상단으로

티스토리툴바