본문 바로가기

object3

생성자 패턴 (new 키워드와 prototype 객체) 애플리케이션이 복잡해질수록 모듈화가 필요하다. 자바스크립트도 객체로 비슷한 속성과 행위를 묶어서 모듈화 할 수 있다. 이렇게 좀 더 객체지향적인 방법으로 표현하는 방법을 생성자(constructor) 패턴을 통해 이해해보자. 먼저, 자바스크립트의 객체는 객체 리터럴로 쉽게 표현할 수 있다. var healthObj = { name : "달리기", lastTime : "PM10:12", showHealth : function() { console.log(this.name + "님, 오늘은 " + this.lastTime + "에 운동을 하셨네요"); } } 이러한 코드를 객체리터럴이라고 하는데, 이 healthObj의 형태를 가진 객체가 여러 개 필요할 때가 있다. name이 "개발자"이고, 운동을 한 시.. 2019. 8. 21.
객체 리터럴과 this 자바스크립트의 객체를 활용하여 비슷한 행위를 하는 코드를 묶어 모듈화 할 수 있다. 객체로 모듈화하여 자바스크립트에서 객체지향 프로그래밍을 할 수 있다. 자바스크립트의 객체는 { 키 : 값 } 같은 해시 맵 구조(딕셔너리라고도 한다)의 형태이다. 1. 객체 리터럴 자바스크립트에선 객체 리터럴이라는 표현식으로 객체를 쉽게 만들 수 있다. var healthObj = { name : "달리기", lastTime : "PM10:12", showHealth : function() { console.log(this.name + "님, 오늘은 " + this.lastTime + "에 운동을 하셨네요"); } } healthObj.showHealth(); 이런 형태를 객체 리터럴이라고 한다. ※ 참고 : ES6에서는.. 2019. 8. 4.
자바스크립트 배열과 객체 자바스크립트에서 데이터를 보관하고 조작하는 방법에는 배열과 객체가 있다. 1. 자바스크립트 배열 1) 배열에 데이터를 보관하고 조작하는 기본 방법 //배열 선언, new Array()로도 가능하지만, []가 간단하고 성능 상 차이도 없어서 []를 많이 쓴다. var a = []; //배열 안에는 함수, 배열, 객체 등 모든 타입이 다 들어갈 수 있다. var a = [1,2,3,"hello", null, true, []]; //배열에 값 저장하기 var a = [1]; //이렇게 값을 저장할 수 있고, a.push(2); //push 메서드로 배열에 값을 순차적으로 추가할 수 있다. a[1000] = 2; //특정 index 위치에 값을 추가할 수 있다. //length 속성으로 배열의 길이를 알 수 있.. 2019. 8. 2.