본문 바로가기
프로그래밍/HTML, CSS, JavaScript

자바스크립트 사용자 정의 함수 사용법 익히기

by [바가지] 2018. 2. 20.

funtion을 이용한

사용자 정의 함수 만들기

 

자바스크립트 사용자정의 함수

 

 

자바스크립트 함수(functin)에 대하여 알아 보도록 하겠습니다.

함수는 메소드나 사용자 정의 객체를 정의 할 때 이용 합니다.

 

기본 사용형태 입니다.

 

function 함수명(매개변수){

  내용 정의

}

 

가장 흔히 상용하는 엑셀 함수 중에 SUM() 이란 함수를 알고 있을 것 입니다.

SUM() 이란 함수는 숫자의 합을 계산하기 위한 함수 입니다.

 

SUM(A1,B1)

 

※ A1 과 B1의 합을 계산하는 함수 입니다. 

 

엑셀의 SUM() 이란 함수의 기능을 자바스크립트로 표현을 해 보면 다음과 같습니다.

 

funcion sum(A, B)

{

    var C = A + B;
    alert("A와 B의 합은 " + C + "입니다.");

}

 

버튼을 만들어 sum 함수를 호출 해 보도록 하겠습니다.

 

<input type="button" value="SUM함수 호출" onClick="sum(1, 2);">

 

※ sum(A,B) 를 호출 합니다. 값 1이 변수 A에 담기고, 값 2는 변수 B에 담기게 됩니다.

 

버튼을 클릭하면 다음과 같은 결과를 확인 할 수 있습니다.

 

자바스크립트 호출 결과

 

이처럼 자바스크립트 예약어 function 을 이용하여 사용자 정의 함수를 만들 수 있습니다.

간단하게 엑셀의 SUM() 함수와 비슷한 기능의 사용자 정의 함수를 만들어 보았습니다.

 

반응형

댓글6