Coding/JavaScript

1.3 함수와 클래스

미스터로즈 2019. 7. 15. 10:51

함수

특정 기능을 하는 구문을 묶어 재사용하는 문법

 

함수의 생김새

function 함수이름([매개변수1,매개변수2,....]){

 

//이곳에 넣고 싶은 구문을 넣으면 됩니다~

return 값;

}

 

호출할때

함수이름(); 을 이용한다.

 

매개변수

함수 내부는 함수 외부에서 접근할 수 없습니다.

이때 함수 외부에서 함수 내부로 값을 전달하는 방법이 매개변수를 이용하는 것입니다.

 

리턴값

매개변수와 반대개념입니다. 리턴값은 함수 내부에서 함수 외부로 데이터를 보내기 위해 사용합니다.

 

var 변수 이름 = 함수이름([매개변수]);

 

var data = sum(10,20);

var data = 30;//최종적인 결과가 이렇게 바낀다.

 

함수 종류

-자바스크립트 코어 함수

가장 기본이 되는 기능을 미리 구현해 제공

 

-사용자 정의 함수

사용자가 필요해서 만드는 함수

 

클래스

연관 있는 변수와 함수를 하나로 묶을 때 사용하는 문법

 

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));

}

}

 

클래스를 사용하려면 인스턴스라는 것을 생성해야 합니다.

var calcul = new Calculator();

 

접근 연산자

-인스턴스.프로퍼티

-인스턴스.메서드()

 

------------------------------------------------------------------------------------

<script>

클래스

var 프로퍼티1 = 값;

var 프로퍼티2 = 값;

 

function 메서드1(){

//기능

}

</script>

-------------------------------------------------------------------------------------

 

접근 연산자를 이용한 함수 호출

calcul.add(10,20);

'Coding > JavaScript' 카테고리의 다른 글

1.5 jQuery  (0) 2019.07.15
1.4 형변환  (0) 2019.07.15
1.3 함수와 클래스  (0) 2019.07.09
1.2 연산자  (0) 2019.07.08
1-1 변수  (0) 2019.07.08