JavaScriptで関数を作成する方法

青灯夜游
リリース: 2021-10-14 15:13:07
オリジナル
6544 人が閲覧しました

作成方法: 1. function キーワード、構文 "function funName([args]) {..}" を使用します。 2. Function() 関数、構文 "var funName=new Function( p1,p2 ,...,pn,body)」。

JavaScriptで関数を作成する方法

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

#JavaScript で関数を作成する方法

1. 関数キーワード

を使用します。 JavaScript 関数は、function キーワードを使用して宣言できます。具体的な使用法は次のとおりです。

function funName([args]) {
    statements
}
ログイン後にコピー

funName は関数名であり、変数名と同様に、有効な JavaScript 識別子である必要があります。関数名の後には、括弧で囲まれ、カンマで区切られたパラメータのリストが続きます。パラメータはオプションであり、数に制限はありません。

識別子として、パラメーターは関数本体内でのみアクセスされ、パラメーターは関数スコープのプライベート メンバーです。関数を呼び出すときは、関数に値を渡し、パラメータを使用して外部から渡された値を取得し、関数本体内で関数の実行に介入します。

括弧の後には中括弧があり、中括弧内に含まれるステートメントが関数本体構造の主な内容です。関数本体では中括弧が必須ですが、中括弧がないと JavaScript は構文エラーをスローします。

  • 関数ステートメントには関数名、括弧、中括弧が含まれている必要があります。その他のコードは省略できるため、最も単純な関数本体は空の関数です。

  • function funName() {}  //空函数
    ログイン後にコピー
  • 匿名関数を使用する場合、関数名は省略できます。

  • function () {}  //匿名空函数
    ログイン後にコピー

2. Function() コンストラクターを使用する

Function() コンストラクターを使用して、関数をすばやく生成します。具体的な使い方は以下の通りです。

var funName = new Function(p1, p2, ..., pn, body);
ログイン後にコピー

Function()のパラメータの型は全て文字列、p1~pnは作成した関数のパラメータ名のリスト、bodyは作成した関数の関数構造文、その間は本体ステートメントはセミコロンで区切ります。

  • すべてのパラメータを省略し、関数本体を表す文字列のみを渡すことができます。

  • var f = new Function ("a", "b", "return a+b");  //通过构造函数来克隆函数结构
    ログイン後にコピー
上記のコードでは、 f は作成された関数の名前です。同じ関数を定義し、同じ構造の関数を function ステートメントを使用して設計できます。

function f(a, b) {  //使用function语句定义函数结构
    return a + b;
}
ログイン後にコピー

  • Function() コンストラクターを使用して、パラメーターを指定せずに空の関数構造体を作成します。

  • var f = new Function();  //定义空函数
    ログイン後にコピー
    Function() コンストラクターを使用して関数を動的に作成します。ユーザーは、関数ステートメントで事前に宣言された関数本体に制限されません。 Function() コンストラクターを使用すると、関数を構造体としてではなく式として使用できるため、より柔軟に使用できます。欠点は、Function() コンストラクターが実行中にコンパイルされるため、実行効率が非常に低く、通常はその使用が推奨されないことです。

    [推奨学習:

    JavaScript 上級チュートリアル]

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

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