03. Function

yellowelly·2021년 8월 26일
1

JavaScript

목록 보기
4/14
post-thumbnail

1. 함수 선언과 호출

✅ 읽기

function sayHello() {
  console.log(sayHello);
}
sayHello();

sayHello()라는 함수를 선언하고 {
console.log(sayHello) 를 실행하자
}
sayHello()를 호출하자.

✅ 풀이
자바스크립트에서 함수의 정의는 function 키워드로 시작하며,
함수의 이름
괄호 안에 쉼표로 구분되는 Input값인 매개변수(Parmeter)
중괄호 { }로 둘러싸인 실행문이있다.

🤔 쉽게 설명해줄래
자판기에 동전(input)을 넣어 음료를 선택하고
해당되는 음료를 꺼내주는 것(output)


 
 ***2. 함수의 반환***

✅ 읽기


function returnSeven(){
  return 7
}
console.log(returnSeven());
-> 7

function myName(){
  let name = 'saeyoung'
  return name
}
console.log(myName);
-> saeyoung

myName함수에 'saeyoung'이라는 값을 가진 변수name을 선언하고
return키워드 다음에 명시된 표현식의 값을 반환해줘

🤔 return은 왜 사용하는거야?
다양한 방법이 복잡하게 필요하다면 그 만큼 많은 함수를 만들어내야하는데 리턴을 통해 줄어낼 수 있으며, 매개변수를 통해 들어간 값을 리턴을 통해 출력하여 다양한 용도로 함수를 사용할 수 있다.

🤔 출력이라면... console이랑도 같은 건가?

리턴은 output을 반환해주고, 변수에 할당이 가능하지만
콘솔은 프린터처럼 오직 결과물을 출력해주는 역할이므로 변수에 할당이 불가능하다.

🤔 괄호 안에 input값인 매개변수는 하나만 가능한건가?

function addNum(a,b,c){
  return a+b+c;
}
addNum(1,2,3);   // 1,2,3을 전달하여 함수를 호출 -> 6
addNum(4,5);    // 4,5는 인자의 수가 같지 않으므로 -> NaN 

🤔 매개변수... 인자... 둘의 차이가 뭐야?

매개변수는 파라미터parameter라고도 하며 함수에서는 0개 혹은 하나 이상의 파라미터를 가진 상태로 정의가 된다.
addNum함수에는 a,b,c라는 세 개의 파라미터로 정의됨.

인자는 아규먼트 Argument라고 불리며
addNum에 인자 1,2,3을 넣어서 호출하게 되면 리턴값으로 6이 나오게 됨.

profile
영원히 공부하는 멋진 장선생!!

0개의 댓글