본문 바로가기
JS

[JS] 새로운 객체 만들기 (new)

by 사과넹 2020. 10. 22.
반응형

코딩을 하다가 'new'에 대한 정의가 어려워 mozilla를 통해 자세히 알아보았다.

 

1. 객체(Object) :속성을 가질 수 있는 실제하는 모든 것.

2. 클래스(Class) :객체를 정의해 놓은 것. 그러나 객체가 클래스인 것은 아님.

3. 인스턴스(Instance) :이 것은 객체이기도 하다. 인스턴스는 객체에 포함된다. 똑같은 설계를 가진 객체들을 인스턴스라고 부른다.

 

같은 속성들을 가진 객체들을 여러개 뽑아내고 싶다면,

아래와 같은 함수를 만든다. ( = 생성자함수)

function Car(make, model, year) {
  this.make = make;
  this.model = model;
  this.year = year;
}

 

그리고 아래와 같이 new를 붙이며 새로운 객체들의 속성을 입력하여 생성하면 된다.

이렇게 생성된 객체들을 '인스턴스'라고 부른다.

var kenscar = new Car("Nissan", "300ZX", 1992);
var vpgscar = new Car("Mazda", "Miata", 1990);

 

 

아직 한번 읽어서 이해를 하긴 어렵다... 여러번 읽고 반복반복해야해...

 

출처는 아래입니다.

developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Working_with_Objects#Creating_new_objects

 

Working with objects

자바스크립트는 간단한 객체기반 패러다임 상에서 만들어졌다. 객체는 프로퍼티의 모음이며, 프로퍼티는 "이름"(name 또는 key)과 "값"(value)의 연결로 이루어진다 . 프로퍼티의 값으로 함수가 될

developer.mozilla.org

 

 

728x90
반응형

'JS' 카테고리의 다른 글

[JS] To do list 제작  (0) 2020.11.12
[JS] var, let, const 차이점  (0) 2020.10.27
[JS] localStorage 이용하기  (0) 2020.10.22
[JS]전자시계 만들기  (0) 2020.10.21
[JS] 간단한 수학연산 코드 만들기  (0) 2020.10.20