Romantic Developer : )

안녕하세요. 영감을 주는 개발자 방민방민입니다. 오늘은 자바스크립트에 있어서 상속에 대해서 알아보고자 합니다. 상속이란 기존 객체가 가지는 속성(프로퍼티)들을 받아 사용하는 것을 말합니다.상속을 받게되면 A 라는 객체의 a, b 속성을 상속받아, a,b, c와 같이 a,b 를 포함하며 새롭게 c 를 추가시킨 새로운 객체를 만들 수 있습니다. 예제를 통해 알아보도록 하겠습니다. 바로 시작하도록 하겠습니다. 1. 상속 먼저 아래의 예제 코드를 살펴 보겠습니다. function Person(name){ this.name = name; this.introduce = function(){ return 'My name is ' + this.name; } } var p1 = new Person('Bangmin'); ..

안녕하세요~! 영감을 주는 개발자 방민방민입니다. 오늘은 자바스크립트에서 THIS 의 활용에 대해서 알아보고자 합니다. '이것' 이라고 번역되는 this 는 하나이지만 어느위치에서 어떻게 쓰이느냐에 따라서 다양한 값을 가질 수 있습니다. 그렇기 때문에 이 this 에 대한 정확한 개념을 인지하고 가야만 합니다. 지금부터 바로 this 에 대한 학습을 시작하도록 하겠습니다!!! 1. 함수 호출에서의 this ! 기본적으로 this가 갖고있는값을 이해하기위하여 아래의 예제를 먼저 실행해 보겠습니다. function func(){ if(window === this){ alert("window===this"); } } func(); 여기서 window 는 전역에 걸쳐 모든 변수와, 함수등을 속성으로 갖는 전역객..

안녕하십니까 영감을 주는 개발자 방민방민입니다. 이전의 자바스크립트 기초문법을 통해 객체를 생성하는 방법에 대해서는 선행학습을 하였습니다.이번시간에는 그러한 객체를 생성자를 통해 자유롭게 생성하는 방법에 대해 알아보고자 합니다. 먼저 아래의 코드를 살펴보겠습니다. var o1= { name : 'Bangmin', introduce : function(){ return 'My name is ' + this.name; } } var o2={ name : 'Minseok', introduce : function(){ return 'My name is ' + this.name; } } alert(o1.introduce()); alert(o2.introduce()); o1이라는 객체와 o2 라는 객체는 name ..