달성목표
➕함수 Intro
- 함수가 "작은 기능의 단위"라는 것을 이해할 수 있다. 👌
- 함수 선언을 위해 필요한 keyword, name, parameter, body에 대해 이해할 수 있다. 👌
function multiple (num) {
return num * 2;
}
// keyword 👉 function
// name 👉 multiple
// parameter 👉 num ()안에 담긴다
// body 👉 num * 2;- 함수 선언과 호출의 기초적인 작동 원리를 이해할 수 있다. 👌
함수는 선언됨과 동시에 특별한 공간에 저장되며 재사용이 가능하다.
이를 함수의 호출이라 한다.
- 함수가 선언되어 함수 표현식이 변수에 담기는 과정을 설명할 수 있다. 👌
let cal = function (para1, para2) {
return para1 * para2;
}
// cal이라는 변수를 선언하고 그 안에 익명 함수를 할당한다.
// cal(10, 20)처럼 매개변수 자리에 10, 20이라는 인자값을 전달하여 body의 계산을 반환- 함수의 결과값이 변수에 할당되어 담기는 과정을 설명할 수 있다. 👌
let resutl = cal(10, 20)
function cal(para1, para2) {
return para1 * para2;
}
// cal(10, 20) 👉 함수 조회
// cal(para1, para2) 함수가 호출되어 매개변수 평가 👉 (10, 20)
// 함수 코드 실행 후 반환하면 호출된 장소로 돌아가며
// cal(10, 20)는 함수의 반환값으로 바뀐다 result = 200✖️함수 기초, 함수 실습
- 함수의 호출과 리턴에 대해서 이해하고, 실제 코드로 작성하여 활용할 수 있다. 👌
- 함수 그 자체(func)와, 함수의 호출(func())를 구분하여 사용할 수 있다. 👌
function getRectangleArea (width, height) {
let rectangleArea = width * height
return rectangleArea
}
// 함수 자체
getRectangleArea(3, 4)
// 함수 호출- 매개변수(parameter)와 전달인자(argument)를 구분하여 사용할 수 있다. 👌
함수 선언 시에 사용하는 매개변수
function cal(para1, para2)
함수 호출 시에 사용하는 전달인자cal(10, 20)
- 같은 기능을 하는 함수를 선언식, 표현식, 화살표 함수로 바꾸어 표현할 수 있다. 👌
// 함수 선언식
function getRectangleArea (width, height) {
let rectangleArea = width * height
return rectangleArea
}
// 함수 표현식
let getRectangleArea = function (width, height) {
let rectangleArea = width * height
return rectangleArea
}
// 화살표 함수 (ES6)
let getRectangleArea = (width, height) => width * height
// 화살표 함수 특징
// 함수 body에 return문만 있는 경우 return과 {}중괄호 생략 가능
// 단, 표현식이 두 줄이상인 경우 쓰는 것이 좋음
// return 문은 ()소괄호로 감쌀 수 있음
Log