[JavaScript] 4일차 클래스

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

함수와 마찬가지로 클래스 역시 클래스 외부에서 클래스 내부의 변수(프로퍼티)와 함수(메서드)를 마음대로 접근할 수 없습니다.

접근하는 방법이 딱 한가지 있는데 바로 접근 연산자(.)를 이용하는 것입니다.

다시 말해 접근 연산자(.)는 클래스 내부에 들어 있는 변수와 함수에 접근할 때 사용하는 연산자입니다. 달리 표현하면 클래스 내부에 들어있는 변수와 함수에 접근하기 위해서는 반드시 접근 연산자를 사용해야 합니다.

예를 들어 사칙연산을 하는 간단한 계산기 클래스를 보겠습니다.

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.div = function(a,b){ alert("두 수의 나눈 값은 "+(a/b)+" 입니다."); }

클래스 내부를 살펴보면 총 4개의 사칙연산 함수가 포장돼 있는 걸 확인할 수 있습니다. 이때 4개의 함수 중 두 수의 합을 알려주는 기능인 add()함수를 사용하고 싶다면 다음과 같은 순서를 거쳐야 합니다.

단계 01_인스턴스 만들기

계산기에 들어 있는 함수를 사용하려면 여러분은 new라는 키워드를 이용해 계산기 클래스의 인스턴스를 만들어야 합니다.

var cal1 = new Calculater();

단계 02_접근 연산자를 이용한 함수(메서드) 호출

var cal1 = new Calculater(); car1.add(10,20);

정리하자면 클래스 내부에 들어 있는 기능을 이용하기 위해서는 "인스턴스 생성 후 접근 연산자를 이용해 사용한다." 라고 알고 있으면 됩니다.

해석하기

1_ document.write();

점 앞에 영단어가 있고 점 뒤에는 함수 호출을 의미하는 괄호가 있는 것을 보니 점(.)이 접근 연사자군! 그럼 앞의 document는 객체이고 이 안에 수많은 기능이 있을텐데, 이 중에서 write() 라는 함수를 호출 한거군 ! 이라고 읽습니다.