JavaScript 関数の機能

JavaScript における関数の役割

JavaScript は強力なスクリプト言語であり、関数はその最も基本的かつ重要な機能の 1 つです。関数は、独立したコード ブロックとして、または他のコードの一部として呼び出すことができます。パラメーターを受け取り、一連の操作を実行し、結果を返すことができます。この記事では、JavaScript における function 関数の役割を紹介し、具体的なコード例を示します。

1. 関数の定義と呼び出し
関数は、function キーワードを通じて定義できます。関数を定義するための構文は次のとおりです。

function 函数名(参数1, 参数2, ...){
    // 函数体
    // 执行一系列操作
    // 返回结果
}

このうち、関数名は関数の識別子であり、関数を呼び出すときに使用されます。パラメータはオプションであり、任意の数を指定できます。関数本体内に一連のステートメントを記述して、操作を実行できます。 return ステートメントを使用して結果を返すことができます。

関数を定義した後、関数名を使用して関数を呼び出し、対応するパラメーターを渡すことができます。例:

function greet(name){
    console.log("Hello, " + name + "!");
}

greet("John"); // 输出：Hello, John!

上の例では、パラメータ名を持つgreetという名前の関数が定義されています。関数本体内で console.log() を使用して、挨拶を出力します。関数を呼び出すときは、パラメータとして「John」を渡します。

2. 関数のパラメータと戻り値
関数は任意の数のパラメータを受け取ることができ、関数の定義時にパラメータ名を指定することで受信値を受け取ることができます。関数を呼び出すときは、対応する値をパラメータに渡します。例:

function sum(a, b){
    return a + b;
}

console.log(sum(2, 3)); // 输出：5

上記のコードでは、sum という名前の関数が定義されており、この関数には 2 つのパラメーター a と b があります。 return ステートメントは関数本体で使用され、a と b の合計を返します。この関数はパラメータとして 2 と 3 を渡すことによって呼び出され、最終出力は 5 になります。

関数はパラメータを受け取ることもできません。例:

function sayHello(){
    console.log("Hello!");
}

sayHello(); // 输出：Hello!

上記のコードでは、sayHello という名前の関数がパラメータなしで定義されています。関数本体で console.log() を使用して挨拶を出力します。 SayHello 関数を呼び出すと、最終的な出力結果は Hello!

この関数は任意のタイプの値を返すことができ、return ステートメントを使用して結果を返すことができます。例:

function square(n){
    return n * n;
}

console.log(square(3)); // 输出：9

上記のコードでは、パラメーター n を持つ square という名前の関数が定義されています。 n の 2 乗を返すには、関数本体で return ステートメントを使用します。関数 square を呼び出してパラメーターとして 3 を渡すと、最終出力は 9 になります。

3. 関数のネストとスコープ
JavaScript では、関数を他の関数内にネストできます。ネストされた関数は、外部関数のスコープ内の変数とパラメーターにアクセスできます。例:

function outer(){
    var x = 10;

    function inner(){
        console.log(x);
    }

    inner(); // 输出：10
}

outer();

上記のコードでは、ローカル変数 x を持つ、outer という名前の関数が定義されています。外側の関数の中に、inner という名前の関数が定義されています。内部関数は外部関数のローカル変数 x にアクセスし、console.log() を通じて x の値を出力できます。

4. 関数式と匿名関数
function キーワードを使用して関数を定義するだけでなく、関数式を使用して関数を作成することもできます。関数式は変数に代入でき、匿名にすることもできます。例:

var multiply = function(a, b){
    return a * b;
}

console.log(multiply(2, 3)); // 输出：6

上記のコードでは、関数式を使用して multiply という名前の関数が作成されます。 2 つのパラメータ a と b を受け取り、a と b の積を返します。関数 multiply を呼び出し、パラメーターとして 2 と 3 を渡すと、最終的な出力結果は 6 になります。

匿名関数とは、関数名を持たない関数で、関数の引数位置に直接定義したり、呼び出し時に使用したりできます。例:

setTimeout(function(){
    console.log("Hello, world!");
}, 1000);

上記のコードでは、匿名関数が setTimeout 関数のパラメータとして使用され、1000 ミリ秒の遅延後に挨拶が出力されます。

概要:
JavaScript の function 関数は、コード ブロックを定義、呼び出し、再利用できる強力な機能です。関数はパラメーターを受け取り、一連の操作を実行し、結果を返すことができます。関数のネストを通じて、外部関数の変数とパラメーターに関数内でアクセスできます。関数式と匿名関数を変数に割り当てることができるため、コードの編成と再利用が容易になります。

上記は、JavaScript における関数 function の役割の紹介であり、具体的なコード例を示しています。関数の定義、呼び出し、パラメータ、戻り値、ネスト、およびスコープを習得することで、JavaScript の関数機能をより適切に活用してさまざまなタスクを完了できるようになります。

以上がJavaScript 関数の機能の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。