함수 선언
function 함수명(매개변수1, 매개변수2, ...){
// 함수 수행 코드
return 반환값;// 선택사항
}- 기본함수 선언
function func2() {
console.log("func2"); // "func2" 출력
}
// 함수 선언 - func3: 하나의 매개변수를 받아서 출력하는 함수
function func3(data) {
console.log("func3 : " + data); // 매개변수 data를 포함해 출력
}
// 함수 선언 - func4: 두 개의 매개변수를 받아서 출력하는 함수
function func4(data1, data2) {
console.log("func4 : " + data1 + " " + data2); // data1과 data2를 출력
}
// 함수 선언 - func5: 두 개의 매개변수를 받아서 합산한 결과를 반환하는 함수
function func5(data1, data2) {
return data1 + data2; // data1과 data2의 합을 반환
}- 익명함수 선언
const func1 = function () {
console.log("func1"); // "func1" 출력
}- 화살표함수 선언
// 화살표 함수
const func2 = () => {
console.log("func2");
}
// 화살표 함수 한줄
const func3 = () => console.log("func3");
// 화살표 함수 인자 한줄
const func4 = (data1) => console.log("func4 ", data1);콜백함수
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script type="text/javascript">
// 일급함수 : 함수를 변수에 담을 수 있고, 함수의 인자로 전달할 수 있고, 함수의 반환값으로 사용할 수 있는 함수
// 콜백 함수 : 함수의 인자로 전달되는 함수
const callback = function () {
console.log("callback");
}
// 콜백 함수를 인자로 받아서 2번 호출하는 함수
const mainfunc = function (data) {
for (let i = 0; i <= 2; i++) {
data();
}
}
// 함수를 반환하는 함수
const rfunc = function () {
return function () {
console.log("rfunc");
}
}
</script>
</head>
<body>
<script type="text/javascript">
// 콜백 함수를 인자로 전달하는 함수 호출
mainfunc(callback);
// 함수를 반환하는 함수 호출
rfunc()();
</script>
</body>
</html>
개발자