(JavaScript) 클래스

클래스 : 함수가 특정 기능을 하는 구문(알고리즘,로직)을 묶을 때 사용하는 문법이라면,

클래스는 연관있는 변수와 함수를 하나로 묶을 때 사용하는 문법입니다.

클래스를 사용하는 이유?

1. 클래스를 이용하면 이리저리 널브러져있는 코드를 부품별로 만들 수 있음.

인스턴스와 객체

함수를 사용하기 위해 함수 호출을 하듯 클래스를 사용하려면 일반적으로 인스턴스라는 것을 생성해야한다.

var tabMenu = new TabMenu();

인스턴스를 다른말로 객체라고 부른다.

메소드와 프로퍼티

클래스 내부에 들어있는 변수, 함수와 구분하기 위해 클래스 내부에 있는 변수 = 프로퍼티, 멤버변수

클래스 내부에 만드는 함수 = 메소드, 멤버함수

클래스 내부에 들어있는 함수(메소드)를 호출하는 방법

인스턴스.프로퍼티

인스턴스.메소드()

예제) 계산기 클래스

function Calculator() {
    this.add = function(a,b) {
        alert("두 수의 합은 "+(a+b)+"입니다.");
    }
    this.sub = function(a,b) {
        alert("두 수의 합은 "+(a=b)+"입니다.");
    }
    this.mul = function(a,b) {
        alert("두 수의 합은 "+(a*b)+"입니다.");
    }
    this.mul = function(a,b) {
        alert("두수로 나눈 값은 "+(a/b)+"입니다.");
    }
}
 

접근하기 위한 순서.

 
 
// 1단계 인스턴스 만들기
var Cal1 = new Calculator();
 
// 2단계 접근 연산자를 이용한 함수(메소드) 호출
var Cal1 = new Calculator();
Cal1.add(10,20);