1. 함수 구성 요소, 함수 이름 규칙과 관례
함수
•
function
◦
특정 기능을 처리하는 자바스크립트 코드 묶음
•
함수 형태
function add(a, b){
console.log(a + b);
};
add(1,2);//3
var minus = function(one, two){
consle.log(one - two);
};
minus(3,2);//1
JavaScript
복사
함수 구성 요소
•
function 키워드(키워드)
•
함수 이름
•
파라미터(Parameter)
◦
매개 변수, 인자 아규먼트라고도 부릅니다.
◦
파라미터 작성은 선택(Optional)
•
함수 Body
◦
블록({})안에 작성한 코드
◦
함수 코드, 소스 텍스트로도 부릅니다.
◦
함수 코드 작성은 선택(Optional)
function book(){ //파라미터는 아예 없어도 됩니다.
console.log("JS 책");
};
var add = function(a, b){
var total = a + b;
console.log(total);
}
var minus = function (){}//블록내 코드가 없을수도 있습니다.
JavaScript
복사
함수 이름 규칙
•
첫 문자
◦
영문자, $, 언더바(_) 사용가능
◦
숫자, &, *, @, + 사용 불가
•
함수 이름 작명 권장
◦
함수 코드를 읽지않아도 의미를 알 수 있도록 작명
◦
함수 이름과 파라미터로 기능을 파악할 수 있도록
◦
시맨택(의미, 뜻)을 부여하여 작명
함수 이름 관례
•
calulatoePoint()처럼 동사로 시작
◦
포인트를 계산한다.
function calculatePoint = function(onw, two){
var total = one + two;
var bonus = total + 100;
console.log(bonus);
}
JavaScript
복사
•
두 개 이상의 단어를 사용할 때
◦
두 번째 단어부터 명사 사용
◦
명사의 첫 문자를 대문자로 사용
▪
CamelCase형태라고도 부릅니다.
•
동사 + 명사 형태로 동적인 모습
2. 함수 호출, return 문
호출받는 함수
•
함수는 호출되어야 실행됩니다.
•
호출받는 함수
◦
함수가 호출되었을 때 실행되는 함수
◦
함수라고 하면 호출받는 함수를 지칭
•
파라미터
◦
호출한 함수에서 넘겨준 값을 받음
◦
(one, two)처럼 소괄호 안에 파라미터 이름 작성
function add(one, two){
console.log(one + two);
}
JavaScript
복사
함수 호출
•
add()형태로 호출합니다.
◦
함수 이름과 소괄호 작성 ⇒ 소괄호가 함수를 호출한다는 의미가 됩니다.
◦
add만 작성하면 호출되지 않습니다.
•
파라미터
◦
호출된 함수에 넘겨줄 값 작성
◦
setValue(10, 20)처럼 소괄호() 안에 작성
◦
JS에서 지원하는 타입 작성
◦
콤마(,)로 구분하여 다수 작성 가능
function add(one, two){
console.log(one + two);
}
add(1, 2);
JavaScript
복사
return
•
형태
⇒ return 표현식opt;
•
표현식의 평가 결과 반환
•
return 또는 표현식을 작성하지 않으면 undefined 반환
•
return 과 표현식을 한 줄에 작성해야 합니다.
function add(a, b){
return a + b;
}
console.log(add(1, 2));// 3
function add2(a, b){
return;
}
console.log(add2(1,2));// undefined
function add3(a, b){}
console.log(add3(1,2));//undefined
function add4(a, b){
return
a + b;
}
console.log(1,2);// undefined => return 뒤에 줄바꿈이있으면 세미콜론이 붙게 되어 return ; 이된다.
JavaScript
복사
3. 주석 작성 목적, 주석 작성 사례
주석 작성의 궁극적인 목적
•
코드가 목적을 달성하기 위한 기능, 시나리오등을 생각하고 정리하는 것
•
이렇게 정리한 것을 문법에 맞춰 작성한 것이 코드
•
코드를 작성하기전에 우선 정리한 생각을 주석으로 작성하도록 합시다.
•
주석 작성 기준
◦
코드의 목적, 결과가 미치는 영향을 작성
◦
다른 사람이 알 수 있도록 자세하게 작성
주석 사례
/**
* @author hansol
* @date 2020-09-11
* @function calculateAmount
* 1. 파라미터로 받은 수량에 단가를 곱해 금액을 계산 후 결과를 반환합니다.
* 2. 수량과 단가의 0 체크는 함수를 호출하기 전에 하므로 체크하지 않습니다.
* @param {Number} quantity, 수량
* @param {Number} price, 단가
* @return {Number} 계산 결과
*/
function calculateAmount(quantity, price) {
//주석을 자세하게 작성하기 위해
//함수 코드를 분리하는 경우도 있습니다.
}
JavaScript
복사
