JavaScript 함수 개요 및 작성법

191223 수업 내용 정리

---

함수

어떤 기능을 가진 최소한의 작업 단위(특정 목적을 가짐, 계산, 저장, 조회, 출력 등)

함수 작성 양식

	function funcName() {}

함수명은 카멜 케이스(camelCase)로 작성

카멜 케이스(Camel Case) : 첫글자는 소문자, 이어지는 부분은 대문자로 작성 ex) camelCase

함수의 종류

• 사용법에 따른 분류
  1. 내장함수 : 프로그래밍 언어에 이미 들어있는 함수
  2. 사용자정의 함수 : 사용자가 새롭게 만드는 함수
• 기능에 따른 분류
  1. 매개변수 X, 반환값X : 단순하고 반복적인 기능 수행, 일일이 보고할 필요 없음

     	function print() {document.write("단순-반복 기능 수행<br>")}
     	print(); //함수 호출

  2. 매개변수 O, 반환값X : 값을 입력 받아(매개변수) 비교적 단순한 기능(계산, 저장, 출력)을 수행, 보고할 필요가 없음

     	function print2(su) {document.write("입력받은 값은"+su+"입니다.<br>")}
     	print2(30); //print2함수를 호출하면서 매개변수 30을 전달

  3. 매개변수 O, 반환값O : 값을 전달 받음, 주로 계산 목적(복잡한)으로 사용, 보고할 필요가 있음

     	function print3(su1, su2){
     	return su1 + su2; // ※ return은 함수의 마지막에 작성 => 계산값을 반환하고 함수가 강제종료됨
     	} 
     	var sum = print3(1500, 2000)// return문이 들어가는 함수는 반환값을 저장할 변수가 필요
     	document.write("반환값은 sum="+sum+"입니다.<br>");

함수를 호출하는 경우

1. 버튼 클릭
   Event(운영체제가 인식가능한 사용자들의 모든 행동양식) 함수(Handler) 호출 형식) on이벤트종류명 = 연결해서 호출할 함수명() or "단순한 자바스크립트 구문";

   	<input type="button" value="클릭" onclick="print()">  // 사용자 정의 함수 호출
   	<input type="button" value="클릭" onclick="alert('이벤트 호출 연습')"> 
   	                                             // ""(큰따옴표) 안에는 ""를 쓸 수 없음



2. 링크문자열 클릭

   	<a href="#" onclick="print2('매개변수전달')">함수 호출 연습</a>

---

함수를 모르면 아무것도 할 수 없기 때문에, 함수의 정의와 종류, 함수를 사용하는 경우에 대해서 자세히 알아두는 것이 좋겠습니다.