728x90
함수란:
- 함수는 프로그램에서 반복적으로 사용되는 기능을 만들어 내기 위한 코드들의 집합입니다.
- 함수는 자바스크립트의 기본 구성 요소 중 하나입니다.
- 함수를 실행할 때는 반드시 함수를 불러와야 합니다.
- 함수에 "function"을 뻬고 "=","=>"을 넣어 줄여쓰는 방법이 있습니다. 그것을 화살표 함수 라고 부릅니다.
01. 선언적 함수
- 선언적 함수는 가장 기본적인 형식으로 되어있습니다.
- 기본형식은 "function 함수명(){실행문}" 입니다.
function func(){
document.write("선언적 합수입니다.")
}
func() // 함수를 불러오는 명령문 입니다.
// 결과값: 선언적 함수 입니다
//위의 것을 화살표 함수를 써서 줄인 방법입니다.
func1 = () => {
document.write("화살표 함수 : 선언적 합수 입니다.")
}
func1()
// 결과값: 화살표 함수 : 선언적 합수 입니다.02. 익명 함수
- 함수의 종류 중 하나로 변수의 이름을 함수의 이름으로 쓴 것 입니다.
- 변수 안에 함수를 넣은 형식으로 되어있습니다.
- 기본 형식은 const 변수명 = function (){실행문}으로 되어있습니다.
const func = function (){
document.write("익명 함수 입니다.");
}
func();
// 결과값 : 익명 함수 입니다.
// 위의 것을 화살표 함수를 써서 줄인 방법입니다.
const func1 = () => {
document.write("화살표 함수 : 익명 함수 입니다")
}
func1();
// 결과값 : 화살표 함수 : 익명 함수 입니다.03. 매개변수 함수
- 함수를 호출할 때 전달하는 변수를 '매개변수' 라고 합니다.
- 기본 형식은 "function 함수명(매개변수1, 매개변수2){실행문;} 함수명(매개변수값1, 매개변수값2)"로 되어있습니
function func(str) {
document.write(str);
}
func("매개변수 함수 입니다.");
// 결과값 : 매개변수 함수 입니다.
// 위의 것을 화살표 함수를 써서 줄인 방법입니다.
func = (str) => {
document.write(str);
}
func("화살표 함수 : 매개변수 함수 입니다");
// 결과값 : 화살표 함수 : 매개변수 함수 입니다.04. 리턴값 함수
- 함수의 종류 중 하나로 함수를 통해 처리된 결과를 반환시켜주는 명령입니다.
- return을 통해 함수를 실행시킬수 있다는 것에 의미가 있습니다.
function func(){
const str = "리턴 함수입니다";
return str;
}
document.write(func());
// 결과값 : 리턴 함수입니다
// 위의 것을 화살표 함수를 써서 줄인 방법입니다.
func = () => {
const str = "화살표 함수 : 리턴값 함수 입니다";
return str;
}
document.write(func());
// 결과값 : 화살표 함수 : 리턴값 함수입니다.오늘은 함수에 대해서 알아보았습니다!!
매개변수 함수와 리턴값 함수는 매우 중요한데 사실 이해하기가 쉽지않습니다.
(저도 아직 잘 이해가 안돼요,,,)
다들 화이팅해요!!