객체 공부 (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 |