함수, return, 주석

특정기능을 처리하는 자바스크립트 코드 묶음.

function book(){

 var title = "JS책";

};

var point = function(one, two){

 var total = one+two;

 var bonus = total + 100

}

함수를 나타낼 수 있는 두가지 형태.

 

함수구성요소

함수 이름

파라미터parameter (~) : 파라미터 작성은 선택

함수 Body : {}안에 작성한 코드, 함수코드, 함수코드작성은 선택

 

함수 이름 규칙

첫 문자 : 영문자, $, 언더바(_) 사용가능

         숫자, &, *, @, +  사용불가

함수코드를 읽지 않더라도 함수 이름과 파라미터로 기능을 알 수 있도록 시맨틱(의미, 뜻)을 부여하여 작명.

 

함수 이름 관례

동사로 시작. calculatePonint()

두개 이상의 단어를 사용할 때 두번째 단어부터 명사 사용, 명사의 첫 문자를 대문자로 사용, CamelCase형태라고 부름

동사+명사 형태로 동적인 모습.

 

함수 호출

함수는 호출되어야 실행됩니다.

호출받는 함수 - 함수가 호출되었을 때 실행되는 함수, 함수라고 하면 호출받는 함수를 지칭

파라미터-호출한 함수에서 넘겨준 값을 받음. (one, two)처럼 소괄호안에 파라미터이름 작성.

setValue()형태로 호출. - 함수 이름과 소괄호 작성. setValue만 작성하면 호출되지 않음.

파라미터-호출된 함수에 넘겨줄 값을 작성. setValue(10, 20)처럼 소괄호 안에 작성, JS에서 지원하는 타입. 콤마로 구분하여 다수 작성 가능.

 

return

return 표현식opt

표현식의 평가결과 반환

function getPoint(){

 return 10*30

};

var result = getPoint();

log(result); // 함수 호출됨. return문에 있는 평가결과 300을 result변수에 할당.

return 또는 표현식을 작성하지 않으면 undefined

function getPoint(){

};

var result = getPoint();

log(typeof result); // 함수에 return표현식이 없으면 값을 반환하지 않는것이 아니라 undefined 값을 반환. 

return과 표현식을 한줄에 작성

function getPoint(){

 return

 10*30;

};

var result = getPoint();

log(result); //return뒤에 세미콜론이 자동으로 붙음. return문에서 반환이 되지 않으므로 10*30을 수행하지 않게 되며 undefined를 반환하게 됨.

 

주석작성 목적

코드가 목적을 달성하기 위한 기능, 시나리오 등을 생각하고 정리하는 것.

이것을 문법에 맞추어 작성하는 것이 코드.

코드를 작성하기 전에 우선 먼저 정리한 생각을 주석으로 작성. 

주석작성 기준 : 코드의 목적, 결과가 미치는 영향을 작성, 다른사람이 알 수 있도록 자세하게 작성