Notice
Recent Posts
Recent Comments
Link
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
Tags more
Archives
Today
Total
관리 메뉴

Formoat's Open Blog

자바스크립트 객체 생성 본문

Java/JavaScript & Jquery

자바스크립트 객체 생성

snd-snd 2019. 9. 15. 14:58

자바스크립트 객체 생성 방법

 

1. 리터럴 표기(literal notation)를 이용한 방법

2. 기본객체(Object)의 생성자 함수를 이용한 방법

2. 생성자 함수(constructor function)를 이용한 방법


 

1. 리터럴 표기(literal notation)를 이용한 방법

 

 - 각각의 프로퍼티는 이름과 값을 콜론(:)으로 연결하고, 쉼표(,)를 사용해 다른 프로퍼티와 구분

 

var object = {
  id : 'hyssop',
  password : '12345',
  gender : 'male',
  func : function(){ ... }
}

 

 

 

2. 기본객체(Object)의 생성자 함수를 이용한 방법

 

 - Object 객체를 생성하고 이후에 객체에 프로퍼티를 추가하는 방식

 

var object = new Object();

object.id = 'hyssop',
object.password = '12345',
object.gender = 'male',
object.func = function(){ ... }

 

 

 

3. 생성자 함수(constructor function)를 이용한 방법

 

 - 함수를 생성자로서 정의하고 정의한 함수를 'new' 키워드를 이용해 호출하는 방식

 

var object = function(){
  this.id = 'hyssop',
  this.password = '12345',
  this.gender = 'male',
  this.func = function(){ ... }
}

var obj = new object();

 

'Java > JavaScript & Jquery' 카테고리의 다른 글

노드  (0) 2019.09.16
DOM, BOM  (0) 2019.09.15
자바스크립트 함수  (0) 2019.09.15
자바스크립트 배열  (0) 2019.09.15
자바스크립트 좀 다른점?  (0) 2019.09.15
Comments