관리자 글쓰기
[Javascript] 공부하기 - 6
2017. 10. 28. 22:12 - 개발 새발

- 객체지향(공통적 부분)

: 추상화, 부품화, (은닉화, 캡슐화), 인터페이스, 상속



- 자바스크립트의 객체지향

: Prototype-based-Programming



- 생성자

var p= new Person();   -- 객체 생성자

: 자바스크립트는 생성자가 어디에 소속되어 있지 않음

: 생성자 함수로 생성자 객체를 만든다고 생각 (자바에서의 클래스와 비슷하다고 생각)

: 코드의 재사용성 증가


ex)

function Person(name){

this.name=name;

this.introduce=function(){

return this.name+"~~~";

}

}

var p= new Person('jyh');

document.write(p.introduce);



- 전역 객체(Global Object) -- window 객체

func(); -> window.func();

: 자바스크립트에서는 모든 객체들이 전역 객체의 프로퍼티이다.

: 전역 객체의 name은 호스트 환경에 따라 다르다.




- this

함수 내에서 함수 호출 맥락을 의미

: 함수의 경우 - window

: 메소드의 경우 - 상위 객체

: 생성자의 경우 - 상위 객체 (메소드처럼 생각하면 됨)

ex)

var p1 = Func();        //여기서 this는 window

var p2 = new Func();  //여기서 this는 o2

'코딩 > Javascript' 카테고리의 다른 글

[Javascript] 공부하기 - 5  (0) 2017.10.26
[Javascript] 공부하기 - 4  (0) 2017.10.26
[Javascript] 공부하기 - 3(정규표현식)  (0) 2017.10.26
[Javascript] 공부하기 - 2  (0) 2017.10.26
[Javascript] 공부하기 - 1  (0) 2017.10.26