JavaScript 함수에 대한 종합 가이드

JavaScript의 함수

예제를 포함한 JavaScript 함수에 대한 종합 가이드는 다음과 같습니다.

---

1. 함수란 무엇인가요?

함수는 특정 작업을 수행하도록 설계된 재사용 가능한 코드 블록입니다. 호출되거나 호출될 때 실행됩니다.

구문:

function functionName(parameters) {
  // Code to execute
}

예:

function greet(name) {
  console.log(`Hello, ${name}!`);
}
greet("Alice"); // Output: Hello, Alice!

---

2. JavaScript의 함수 유형

아. 함수 선언

function 키워드를 사용하여 선언한 함수

예:

function add(a, b) {
  return a + b;
}
console.log(add(2, 3)); // Output: 5

---

베. 함수 표현

함수는 변수에 저장될 수도 있습니다.

예:

const multiply = function (a, b) {
  return a * b;
};
console.log(multiply(2, 3)); // Output: 6

---

ㄷ. 화살표 함수(ES6)

함수 작성을 위한 간결한 구문

구문:

const functionName = (parameters) => {
  // Code to execute
};

예:

const subtract = (a, b) => a - b;
console.log(subtract(5, 3)); // Output: 2

---

디. 익명함수

이름이 없는 함수로 콜백으로 자주 사용됩니다.

예:

setTimeout(function () {
  console.log("This runs after 2 seconds");
}, 2000);

---

E. 즉시 호출 함수 표현식(IIFE)

정의 후 바로 실행되는 함수

예:

(function () {
  console.log("IIFE is executed immediately!");
})();

---

3. 매개변수 및 인수

• 매개변수: 함수 정의에 정의된 변수
• 인수: 함수 호출 시 전달되는 값

예:

function greet(name, age) {
  console.log(`Hi ${name}, you are ${age} years old.`);
}
greet("Bob", 25); // Output: Hi Bob, you are 25 years old.

---

4. 기본 매개변수

인수가 전달되지 않은 경우 매개변수에 기본값을 제공하세요.

예:

function sayHello(name = "Guest") {
  console.log(`Hello, ${name}!`);
}
sayHello(); // Output: Hello, Guest!

---

5. 나머지 매개변수

무한 개수의 인수를 배열로 처리하는 데 사용됩니다.

예:

function sum(...numbers) {
  return numbers.reduce((total, num) => total + num, 0);
}
console.log(sum(1, 2, 3, 4)); // Output: 10

---

6. 반품내역서

함수는 return 문을 사용하여 값을 반환할 수 있습니다.

예:

function square(num) {
  return num * num;
}
console.log(square(4)); // Output: 16

---

7. 콜백 함수

다른 함수에 인수로 전달되고 나중에 실행되는 함수입니다.

예:

function processUserInput(callback) {
  const name = "Charlie";
  callback(name);
}
processUserInput((name) => {
  console.log(`Hello, ${name}!`);
});
// Output: Hello, Charlie!

---

8. 고차 함수

다른 함수를 인수로 받아들이거나 함수를 반환하는 함수

예:

function functionName(parameters) {
  // Code to execute
}

---

9. 폐쇄

클로저는 외부 함수의 실행이 완료된 후에도 외부 변수를 기억하는 함수입니다.

예:

function greet(name) {
  console.log(`Hello, ${name}!`);
}
greet("Alice"); // Output: Hello, Alice!

---

10. 기능 범위

함수에는 자체 로컬 범위가 있습니다.

예:

function add(a, b) {
  return a + b;
}
console.log(add(2, 3)); // Output: 5

---

11. 재귀

자신을 호출하는 함수

예:

const multiply = function (a, b) {
  return a * b;
};
console.log(multiply(2, 3)); // Output: 6

---

12. 순수 기능

순수 함수는 동일한 입력에 대해 동일한 출력을 생성하며 부작용이 없습니다.

예:

const functionName = (parameters) => {
  // Code to execute
};

---

안녕하세요. 저는 Abhay Singh Kathayat입니다!
저는 프론트엔드와 백엔드 기술 모두에 대한 전문 지식을 갖춘 풀스택 개발자입니다. 저는 효율적이고 확장 가능하며 사용자 친화적인 애플리케이션을 구축하기 위해 다양한 프로그래밍 언어와 프레임워크를 사용하여 작업합니다.
제 비즈니스 이메일(kaashshorts28@gmail.com)로 언제든지 연락주세요.

위 내용은 JavaScript 함수에 대한 종합 가이드의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!