JavaScript関数とは何ですか?

青灯夜游
リリース: 2021-11-25 10:19:45
オリジナル
2811 人が閲覧しました

JavaScript における関数とは、繰り返し使用 (呼び出し) できるカプセル化されたコードのことで、データ型は「関数」です。 JavaScript 関数は、値の割り当て、操作、プロパティとメソッドを持つことができ、値の一時的な保存、インスタンスの構築などもできます。JS 関数は、特定のコードが呼び出すと実行されます。

JavaScript関数とは何ですか?

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript では、繰り返し使用 (呼び出し) できるカプセル化されたコードであり、データ型では「関数」に属します。

JavaScript では、関数は値、オブジェクト、データ型、または式であることもあります。したがって、関数には値を割り当てたり、操作したり、プロパティやメソッドを持つことができます (つまり、関数はオブジェクトも)、値を一時的に保存したり、インスタンスを構築したりすることもできます。

関数の作成方法

関数の作成は、関数宣言、関数式、コンストラクターの 3 つの方法で実行できます。

Javascript での関数定義 関数宣言または関数式はキーワード function で始まり、その後に次のコンポーネントが続きます:

1. 関数名の識別子。関数名は関数宣言ステートメントの必須部分です。その目的は、新しく定義された関数オブジェクトが割り当てられる変数の名前のようなものです。関数定義式の場合、この名前はオプションです。名前が存在する場合、名前は関数本体にのみ存在し、関数オブジェクト自体を参照します。

2. 括弧 () のペア。関数のパラメーター名である 0 個以上のカンマ区切りの識別子のリストが含まれます。これらの識別子は、関数本体のローカル変数のように機能します。

3. 1 対の中括弧 {}。 0 個以上の JavaScript ステートメントが含まれています。これらのステートメントは関数の本体を形成し、関数が呼び出されると実行されます。

1. 関数宣言

JavaScript で関数を定義します。関数のキーワード関数はステートメント ブロック全体の先頭にあり、関数コードがあります。関数名の識別子を付けたもので、関数宣言と呼ばれます。

関数宣言コード例:

//函数声明示例
function fDeclaration(){
    
    console.log("这是函数声明示例");
    
}
ログイン後にコピー

2. 関数式

関数式:

JavaScript 関数で 1 つ定義します。関数全体は変数代入文または呼び出し実行文として存在し、関数文のブロックを関数式と呼びます。

    //函数表达式示例
    var f = function fExpression() {
      console.log("这是函数表达式示例");
    }

    //这也是函数表达式,函数为匿名函数
    var fAnonymous = function () {
      console.log("这也是函数表达式示例");
    }

      //这还是函数表达式,函数为立即执行函数
      (function () {
        console.log("这还是函数表达式示例");
      }());
ログイン後にコピー

3. コンストラクター

new キーワードを通じて呼び出される関数はコンストラクターと呼ばれます。一般的なコンストラクターの例:

     var f=new Function("x","y","return x+y;");
ログイン後にコピー

このコード行は、次のコードで定義される関数とほぼ同等の新しい関数を作成します:

     var f=function(x,y){
       return x+y;
     }
ログイン後にコピー

[関連する推奨事項: javascript 学習チュートリアル]#

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート