본문 바로가기
JavaScript

function( ) , return , parameter

by 엉덩이가 무거운 개발자 2021. 2. 28.

함수의 특징

* 함수는 언제나 복사된 값을 사용한다 (전역변수를 수정하는 것이 아니다)

 

파라미터의 default value 설정

* 매개변수에 값을 전달하지 않을 시 그 값은 undefined 가 된다.

return 지시자

return을 만나면 함수 실행은 즉시 중단 되고 함수를 호출한 곳에 값을 반환한다.

하나의 함수에 여러개의 return 가능

 ** return 지시자만 있는 함수 , return 문이 없는 함수도 undefined 를 반환한다.

 

반환하려는 값이 긴 표현식인 경우,

아래와 같이 지시자 return과 반환하려는 값 사이에 새 줄을 넣어 코드를 작성하고 싶을 수도 있습니다.

return (some + long + expression + or + whatever * f(a) + f(b))

 

자바스크립트는 return문 끝에 세미콜론을 자동으로 넣기 때문에 이렇게 return문을 작성하면 안 됩니다. 위 코드는 아래 코드처럼 동작합니다.

return; (some + long + expression + or + whatever * f(a) + f(b))

따라서 반환하고자 했던 표현식을 반환하지 못하고 아무것도 반환하지 않는 것처럼 되어버립니다.

 

표현식을 여러 줄에 걸쳐 작성하고 싶다면 표현식이 return 지시자가 있는 줄에서 시작하도록 작성해야 합니다.

또는 아래와 같이 여는 괄호를 return 지시자와 같은 줄에 써줘도 괜찮습니다.

return (
      some + long + expression + or + whatever * f(a) + f(b)
)

이렇게 하면 의도한 대로 표현식을 반환할 수 있습니다.

 

 

함수 이름짓기

1.함수명은 동사로 만들자.

코드를 읽는 사람이 이름만 보고도 함수가 어떤 기능을 하는지 알 수 있게 끔.


2.함수하나당 기능 1개

 



참고 ko.javascript.info/function-basics#tasks

 

함수

 

ko.javascript.info

 

'JavaScript' 카테고리의 다른 글

arrow function  (0) 2021.03.03
함수선언식,함수표현식,콜백 함수  (0) 2021.03.03
switch case  (0) 2021.02.28
전위연산자, 후위연산자  (0) 2021.02.25
OR(||) AND(&&) NOT(!) 논리 연산자  (0) 2021.02.23