Function

𝐝𝐚𝐭𝐚𝐛𝐚𝐬𝐞
/
𝐣𝐚𝐯𝐚𝐬𝐜𝐫𝐢𝐩𝐭 𝐝𝐚𝐭𝐚𝐛𝐚𝐬𝐞
/Codecademy 자바 스크립트 이론
/
Function
Search
Duplicate
Share
Function
태그
함수
Function Declarations
Calling a Function
Parameters and Arguments
•
문자열 안에 parameter 가 들어가는 경우 + 로 연결 해준다.
Default Parameters
역할 함수를 호출했을 때 argument 가 undefined 상태이거나 어떠한 argument 도 통과하지 않을 때 미리 정해진 parameter 를 통과시켜주는 것이다.
function greeting (name = 'stranger') {
  console.log(`Hello, ${name}!`)
}
 
greeting('Nick') // Output: Hello, Nick!
greeting() // Output: Hello, stranger!
JavaScript
복사
Return
function rectangleArea(width, height) {
  let area = width * height;
}
console.log(rectangleArea(5, 7))
JavaScript
복사
위의 코드의 결과는 35 가 아닌 undefined 이다.
왜 저런 결과가 나올까? 미리 정해진 결과값이 없기 때문이다. 파라미터인 width, height 둘다 default value 가 없기때문에 area 또한 정해질 수 없는 값이 된다. 
이럴때는 어떻게 해야할까? return 을 써야한다.
Function Expressions
•
여기서의 function 은 anonymous 이다. (이름이 따로 없다)
Arrow Functions
Arrow function 은 function 을 쓰지 않고 () 안에 파라미터를 담아 ⇒ 를 { } 로 향하게 하는 표현 방식이다. 위의 예시를 Arrow Function 으로 바꾸면 다음과 같다.
const rectangleArea = (width, height) => {
  let area = width * height;
  return area;
};
JavaScript
복사
Concise Body Arrow Functions
•
single-line block 의 경우 return 을 생략 할 수 있다.
•
if-else 문의 경우 삼항 연산자를 사용한다.
const plantNeedsWater = day => day === 'Wednesday' ? true : false;
JavaScript
복사