TIL#4 JS) Function
함수
함수는 프로그램을 구성하는 주요 '구성 요소(building block)'다. 함수를 이용하면 중복 없이 유사한 동작을 하는 코드를 여러 번 호출할 수 있다.
01. 함수의 정의와 호출
function 함수이름(복수의, 변수는, 콤마로, 구분) {
/* 함수가 수행할 기능 */
}
함수 선언(function declaration) 방식을 이용하면 함수를 만들 수 있다. 함수 선언 방식은 아래와 같이 작성할 수 있다.
function birthDay() { console.log("Happy BirthDay!"); }
function 키워드, 함수 이름, 괄호로 둘러싼 매개변수를 차례로 써주면 함수를 선언할 수 있다. 만약 매개변수가 여러 개 있다면 각 매개변수를 콤마로 구분해준다. 함수를 구성하는 코드의 모임인 '함수 본문(body)'은 중괄호로 감싼다.
function name(parameters) {
...함수 본문...
}
새롭게 정의한 함수는 함수 이름 옆에 괄호를 붙여 호출할 수 있다.
EX)
function sayMyName() { console.log("홍길동"); } sayMyName();
sayMyName()로 함수를 호출하면 함수 본문이 실행된다.
02. 함수의 반환 (OUTPUT)
출력값 = OUTPUT = Return (값을 리턴하다, 반환하다)
return vs console.log
- return : 실제 계산된 값을 리턴해준다.
- console.log : console창에 출력해준다.
EX)
function getMyAge() { let myAge = 28; return myAge; // 함수의 반환 } getMyAge(); // 함수의 실행 console.log("my age: ", getMyAge()); // console창에 출력
03. 함수의 인자 (INPUT)
INPUT= parameters = 인자
EX)
- 함수의 인자로 이름을 받아서 이름의 길이를 반환하는 함수를 구현하라.
- 함수의 인자로 나이를 받아서 나이를 콘솔창에 출력하는 함수를 구현하라.
- 함수의 인자로 성과 이름(두 개의 인자)을 받아서 합친 후, 전체 이름을 반환하는 함수를 구현하라.
Sol )
// Q1 function getLengthOfName(name) { return name.length // 함수 반환 } let getName = getLengthOfName('홍길동'); // 함수 실행 console.log(getName);
// Q2 function sayMyAge(age) { console.log(age); // 함수 출력 } sayMyAge(21); // 함수 실행
// Q3 function getFullName(firstName, lastName) { let result = firstName + lastName; return result; // 함수 반환 } let fname = getFullName('길동', '홍'); // 함수 실행 console.log(fname);
함수 반환하는 return만 사용했을 때 console창에는 출력되지 않음.
Author And Source
이 문제에 관하여(TIL#4 JS) Function), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@threeplef/TIL4-JS-Function저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)