私の React の旅: 3 日目

今日は、プログラミングで最も重要な概念の 1 つである関数について説明しました。関数はコードを再利用可能にし、繰り返しの必要性を減らすため、ゲームチェンジャーです。私が学んだことを詳しく説明しましょう:

関数とは何ですか?
関数は、特定のタスクを実行するように設計された再利用可能なコードのブロックです。これには 2 つの主な側面があります:

宣言: ここで関数を作成または定義します。

function greet(name) {
    return `Hello, ${name}`;
}

呼び出し: ここで関数を呼び出して実行します。

console.log(greet('Ayoola')); // Output: Hello, Ayoola

パラメータと引数

• パラメータ
  : 関数を定義するときに使用する変数。たとえば、関数greet(name)では、nameがパラメータです。

• 引数
  : 関数呼び出し時に渡される実際の値。たとえば、greet(Ayoola) では、Ayoola が引数です。

関数を宣言する方法

関数を宣言するには主に 2 つの方法があります:

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 中国語 Web サイトの他の関連記事を参照してください。