> 웹 프론트엔드 > JS 튜토리얼 > 나의 React 여정: 3일차

나의 React 여정: 3일차

Linda Hamilton
풀어 주다: 2024-11-27 18:46:13
원래의
322명이 탐색했습니다.

My React Journey: Day 3

오늘은 프로그래밍에서 가장 필수적인 개념 중 하나인 함수에 대해 알아봤습니다. 함수는 코드를 재사용할 수 있게 만들어 반복의 필요성을 줄여주기 때문에 게임의 판도를 바꾸는 것입니다. 제가 배운 내용을 분석해 보겠습니다.

함수란 무엇인가요?
함수는 특정 작업을 수행하도록 설계된 재사용 가능한 코드 블록입니다. 두 가지 주요 측면이 있습니다:

선언: 함수를 생성하거나 정의하는 곳입니다.

function greet(name) {
    return `Hello, ${name}`;
}
로그인 후 복사

호출: 함수를 호출하여 실행하는 곳입니다.

console.log(greet('Ayoola')); // Output: Hello, Ayoola
로그인 후 복사

매개변수와 인수

  • 매개변수
    : 함수를 정의할 때 사용되는 변수입니다. 예를 들어, Greeting(name) 함수에서 name은 매개변수입니다.

  • 인수
    : 함수를 호출할 때 전달되는 실제 값입니다. 예를 들어 Greeting(Ayoola)에서는 Ayoola가 인수입니다.

함수 선언 방법

함수를 선언하는 두 가지 주요 방법은 다음과 같습니다.

1. 함수 선언
명명된 함수라고도 하는 이 유형의 함수는 특정 이름으로 정의됩니다.

function greet() {
    console.log("Hello!");
}
greet(); // Output: Hello!
로그인 후 복사

함수 선언의 고유한 기능은 호이스팅입니다. 코드에서 함수가 선언되기 전에 함수를 호출할 수 있습니다.

2. 함수 표현
변수에 할당된 함수입니다. 이름을 지정하거나 이름을 지정하지 않을 수 있습니다(익명).

const greet = function () {
    console.log("Hello!");
};
greet(); // Output: Hello!
로그인 후 복사

익명함수
이름이 없는 함수입니다. 함수 표현식이나 빠른 임시 함수가 필요한 상황에서 자주 사용됩니다.

setTimeout(function () {
    console.log("This runs after 2 seconds!");
}, 2000);
로그인 후 복사

화살표 기능
화살표 함수는 ES6에 도입된 함수 작성을 위한 더 짧은 구문을 제공합니다. 예:

const greet = (name) => `Hello, ${name}`;
console.log(greet('Ayoola')); // Output: Hello, Ayoola
로그인 후 복사

화살표 기능은 간결하고 간단한 작업에 자주 사용되지만 이에 대한 접근 권한이 없다는 등 차이점이 있습니다.

마지막 생각
함수는 놀라울 정도로 강력하며 프로그래밍을 훨씬 재미있게 만들어줍니다. 이름이 지정된 함수부터 익명 함수, 그리고 이제 화살표 함수까지 여행은 날이 갈수록 달콤해집니다.

내일은 어떤 일이 일어날지 기대됩니다. 계속 배우고 성장합시다!

4일차도 기대해주세요!

위 내용은 나의 React 여정: 3일차의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿