목록Front End/JavaScript (6)
0strich
Instantiation Patterns javascript 에서 OOP를 구현하기 위한 인스턴스화 패턴에는 다음 4가지가 있다. 1. Functional •함수 내부에 빈객체를 생성 •객체에 프로퍼티와 메서드를 추가 •객체를 반환 function Animal(species, name){ var obj = {} obj.species = species obj.name = name obj.info = function(){ console.log('species :', obj.species) console.log('name :', obj.name) } return obj } var pat1 = Animal('dog', 'ddonggae') var pat2 = Animal('cat', 'yaongee') // s..

객체 간의 상속 javascript 에서 상속을 유연하게 사용하기 위해 객체 간의 상속에 대해 이해해 보자 권장하는 Object.create()에 대해 알아보기 전에 고전적인 상속인 Prototype Link를 사용한 방법에 대해 알아볼 필요가 있다. 해당 내용을 이해하기 위해서는 javascript의 Prototype에 대한 이해가 어느 정도 필요해 보인다. 링크를 통해서 Prototype Object와 Prototype Link에 대해 복습하고 돌아오자 __proto__ 를 이용한 상속 var obj1 = { name : 'kim', math : 30, english : 40, sum : function(){ return this.math + this.english } } var obj2 = { na..

New prototype에 대해 블로깅을 하려 했지만, 그전에 new 키워드에 대한 이해도가 필요해 보여서 new에 대한 복습을 했다. 우선 new 키워드의 사용법은 MDN에 다음과 같이 기술되어 있다. 사용법 var [객체명] = new [constructor([arguments])] new : 빈 객체를 만들어서 생성자(constructor)의 this로 새로운 객체로 만듦 constructor(생성자) : function 이 new 키워드를 만나게 되면 생성자의 기능을 함 생성자는 type이 'function' (함수)인 것들만 가능하다. 역할 생성자 함수(Function Constructor)가 하는 일은 class처럼 템플릿으로서 object들을 찍어내는 것이다. 생성자 함수와 new 키워드를 ..