객체 공부 (3)

/**
인수로서의 객체와 함수 기본 1
객체 인수
**/
var todo = {
items: [],
status: {
allCount: 0,
completeCount: 0
},

// 여러가지 부가 옵션을 처리하기 위해 기본 값 형의 인수 보다
// 객체 인수로 처리하면 유연성을 가질 수 있게 된다
addItem: function(title, options){
let newTodo = {
title: title
};

if(options){
if(options.date){
newTodo.date = options.date;
} else {
newTodo.date = '2017-06-17'
}

// 값 지정을 위한 if else 구문을 3항 연산자를 이용하여 간단히 기술할 수 있다
newTodo.complete = options.complete ? options.complete : false;
// newTodo.complete = !!options.complete;
}

this.items.push(newTodo);
this.status.allCount++;

if(newTodo.complete){
this.status.completeCount++;
}
},

completeTodo(index){
this.items[index].complete = true;
this.status.completeCount++;
}
};

todo.addItem('객체와 함수 학습', {
date: '2017-06-17'
});

todo.addItem('객체 내의 객체 학습');
todo.addItem('객체 인수 다루기', {
complete: true
});

console.log(todo.status);


'javascript' 카테고리의 다른 글

느낌표 두 개(!!)의 역할  (0) 2017.09.13
객체 공부 (4)  (0) 2017.09.13
객체 공부 (2)  (0) 2017.09.13
객체 공부  (0) 2017.09.13
함수의 특징 (4)  (0) 2017.09.12

+ Recent posts