JAVASCRIPT
함수의 종류
hyejeong3283
2023. 2. 27. 21:04
728x90
반응형
함수
- 함수는 javascript의 기본 구성 요소 중 하나입니다.
- 일련의 과정(서비스 로직)을 문으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것입니다.
- 함수를 정의할 때는 function을 사용합니다.
1. 선언적 함수 - 함수의 기본 문법
가장 기본적인 함수의 형식입니다.
{
function func(){
document.write("실행되었습니다.");
}
func();
}
// 결과값 : 실행되었습니다.
2. 익명 함수
변수의 이름을 함수의 이름으로 쓴 것입니다.
변수 안에 함수를 넣는 방식입니다.
{
const func = function(){
document.write("실행되었습니다.")
}
}
// 결과값 : 실행되었습니다.
3. 매개변수 함수
함수를 호출할 때 전달하는 변수를 '매개변수'라 합니다.
{
function func(str){
document.write(str);
}
func("실행되었습니다.");
}
// 결과값 : 실행되었습니다.
4. 리턴값(결과 또는 끝) 함수
return은 함수의 결과값을 돌려주는 명령어입니다.
입력값을 받아 처리를 한 후 결과값을 돌려주는 형태입니다.
{
function func(){
const str = "실행되었습니다.";
return str;
}
document.write(func());
}
// 결과값 : 실행되었습니다.
5. 화살표 함수
위에서 배운 4가지 함수 식들을 간결하게 표현할 수 있는 방법입니다.
{
func = () => {
document.write("실행되었습니다.");
}
func();
}
// 화살표 함수 - 선언적 함수
{
const func = () => {
document.write("실행되었습니다.");
}
func();
}
// 화살표 함수 - 익명 함수
{
func = (str) => {
document.write(str);
}
func("실행되었습니다.");
}
// 화살표 함수 - 매개변수 함수
{
func =() => {
const str = "실행되었습니다.";
return str;
}
document.write(func());
}
// 화살표 함수 - 리턴값 함수
//// 결과값 : 실행되었습니다.