'javascript object'에 해당되는 글 1건






자바스크립트 객체지향 프로그래밍

객체지향 프로그래밍 기본적인 문법

  • 클래스 : 연관있는 변수와 함수를 묶어 재사용하기 위한 것 
    • 자바스크립트에서는 class 키워드 명렁어를 제공하지 않는다. 대신 오브젝트 리터럴 방식, 함수방식, 프로토타입방식 으로 클래스형태를 비슷하게 만들어 사용 할 수 있다.
  • 인터페이스 : 구현체가 없이 선언으로만구성된것 
    • 자바스크립트에서는 interface 키워드 명령어를 제공하지 않으며, 인터페이스가 있다는 가정하에 코딩을 하는 방법밖에 없다. -_-
  • 추상클래스

  • 캡슐화 : 클래스에 담은 내용중 데이터가 기능을 외부에 접근하지 못하게 하는 것

    • 자바스크립트에서 캡슐화 지정 키워드는 없다. 대신 객체 외부에서 접근하지 못하게 하는 접근 지정자 private 과 protected 대신 요소 이름 앞에 “_” 를 붙여 만들어 사용한다. 그렇다고해서 자바스크립트가 문접적으로 접근 지정자 기능을 지원하지 않기 때문에 외부에서 얼마든지 접근할 수 있다. 단지 일종의 약속 같처럼 사용하는 것임.
  • 상속 : 상속을 사용하는 가장 큰 이유는 코드를 재사용하기 위함이며, 중복된 코드를 제거하며 확장성을 높이기 위해서이다.


function 부모클래스(){
this.프로퍼티 = 값
}
부모클래스.prototype.메서드 = function(){
. . . . .
}
function 자식클래스(){
}

자바스크립트에서 상속은 자식클래스의 prototype 속성에 부모 클래스를 인스턴스를 대입하는 방식으로 이루어진다. 이렇게 하면 부모 객체의 모든 기능이 자식 객체의 프로토타입에 연결되어 자식객체에서 부모의 기능을 사용할 수 있게된다.

function Parent(){
this.property1 = 값''
}
Parent.prototype.method1 = function(){
console.log(this.property1);
}
function MyChild(){
}
//상속
MyChild.prototype = new Parent();
//자식클래스 인스턴스 생성
var myChild = new MyChild();
//자식객체에서 부모의 메서드 호출
myChild.method1();


'자바스크립트' 카테고리의 다른 글

ES6 템플릿 문자열 (Template literals)  (0) 2019.01.09
DOM API - Document 객체에 접근하는 API  (0) 2018.12.12
객체 생성방법 3가지  (0) 2018.10.09
jqGrid 환경설정하기  (0) 2016.02.18
동적 colModel  (0) 2016.01.05
블로그 이미지

클라인STR

,