javascript 에서 객체를 생성하는 방법

자바스크립트에서는 객체를 생성하는 방법이 다양하다.

아래 내용을 객체를 이용해서 출력해보자.

hi I'm akami.

1. Object() 생성자

var user = new Object();
user.name = 'akami'
user.interests = ['Sleeping', 'Swimming'];
user.greeting = function(){
	console.log('hi I\'m '+user.name+'.');
}
user.greeting(); 

2. 객체 리터럴

var user = new Object();
var user = {
	name : 'akami',
    interests : ['Sleeping','Swimming'],
    greeting : function(){
    	console.log('hi I\'m ' + this.name + '.');
    }
}

user.greeting();

3. 생성자 함수

function User(name, interests){
	this.name = name;
    this.interests = interests;
    this.greeting = function(){
    	console.log('hi I\'m '+user.name+'.');
    }
}

var user  = new User('akami', ['Sleeping','Swimming']);
user.greeting();

4. Object.create()

var user = new User;

var user = Object.create(User.prototype, {
	name : {value: 'akami'},
    interests : {value : ['Sleeping','Swimming']}
 })
 
 User.prototype.greeting = function(){
 	console.log('hi I\'m ' + this.name + '.');
 }
 
 user.greeting();

5. 생성 함수()

function createUser(name, interests){
	var user ={};
    user.name = name;
    user.interests = interests;
    user.greeting = function(){
    	console.log('hi I\'m '+user.name+'.');
    };
    return user;
}

var user = createUser('akami', ['Sleeping', 'Swimming']);
user.greeting();

6. ES6의 클래스

class User{
	construct(name, interests){
    	this.name  = name;
        this.interests  = interests;
    }
 	
    greeting(){
         console.log('hi I\'m '+user.name+'.');
	}
}
let user = new User('akami' ,['sleeping','Swimming']);
user.greeting();

let User = class{
construct(name, interests){
    	this.name  = name;
        this.interests  = interests;
    }
 	
    greeting(){
         console.log('hi I\'m '+user.name+'.');
	}
}
let user = new User('akami' ,['sleeping','Swimming']);
user.greeting();

 

실전! 스프링 5와 Vue.js2로 만드는 모던 웹 애플리케이션 개발