この記事では、JavaScript機能のブロックを定義するいくつかの方法を検討します。

JavaScript関數(shù)を宣言する方法を選択することは、初心者にとって混亂を招く可能性があり、いくつかの異なる構(gòu)文オプションがあります。それぞれには、あなたを捕まえることができる利點、短所、適切な用途があります。

1。通常のJavaScript関數(shù)

JavaScriptの関數(shù)を宣言する最初で最も明白な方法は、関數(shù)宣言を使用することです。 2つのパラメーターxとyを取得するMultiply（）という名前の関數(shù)はそれらを乗算し、次の構(gòu)文で実裝できる値を返します。

この方法で定義されている

関數(shù)（関數(shù)宣言）は、

<span>function multiply(x<span>,y</span>) {
</span>  <span>return x * y;
</span><span>}
</span>
<span>console.log( multiply(2, 2) );
</span><span>// output: 4
</span>

が現(xiàn)在の範囲の上部に巻かれています。 console.log（）は関數(shù)の前に配置できますが、それでも機能します。 2。 JavaScript関數(shù)式

同じ関數(shù)は、次の例に示すように、変數(shù)を明示的に設(shè)定する式として記述できます。

関數(shù)は巻き上げられていないため、定義された後にのみ使用できます。

3。オブジェクトリテラルメソッド定義

<span>const multiply = function(x<span>,y</span>) {
</span>  <span>return x * y;
</span><span>}
</span>
<span>console.log( multiply(2, 2) );
</span><span>// output: 4
</span>

関數(shù)は、JavaScriptの他の値タイプと同じで扱われるため、別のオブジェクトに定義できます。たとえば、

繰り返しますが、このオブジェクトメソッドは定義された後にのみ呼び出すことができます。

4。 ES2015矢印関數(shù)

<span>const mathLib = {
</span>
  <span>// property
</span>  <span>PI: 3.14,
</span>
  <span>// multiply(x,y) method
</span>  <span>multiply: function(x<span>, y</span>) {
</span>    <span>return x * y;
</span>  <span>},
</span>
  <span>// divide(x,y) method
</span>  <span>divide: function(x<span>, y</span>) {
</span>    <span>return x / y;
</span>  <span>}
</span>
<span>}
</span>
<span>console.log( mathLib.multiply(2, 2) );
</span><span>// output: 4
</span>

矢印関數(shù)は関數(shù)キーワードを必要としませんが、変數(shù)にのみ割り當てるか、匿名で使用することはできます（コールバックやイベントハンドラーなど）。丸い括?。ǎǎ─藝欷蓼欷骏靴楗岍`ターの後に矢?。?>）が続き、次のコードブロックで関數(shù)を示します。

ステートメントは1つしかないため、収益は暗黙的であり、より短い構(gòu)文で同一の機能についてはブラケットを省略できます。

関數(shù)に単一のパラメーターがある場合、それらのブラケットも削除できます。

単一のパラメーターにはまだブラケットが必要ですが、

<span>const multiply = (x<span>, y</span>) => { return x * y; };
</span>
<span>console.log( multiply(2, 2) );
</span><span>// output: 4
</span>

矢印関數(shù)は、これを即時の外側(cè)スコープの値に自動的に割り當てているため、.bind（this）。

<span>const multiply = (x<span>, y</span>) => x * y;
</span>

5。 jQuery拡張機能

jQueryはJavaScriptライブラリであるため、関數(shù)の作成はほぼ同じです。ただし、JQUERYの機能は、獨自のカスタムメソッドを追加することで拡張できます。 jquery.fn.extend（）メソッドはjqueryプロトタイプ（$ .fn）オブジェクトを拡張します。これにより、新しい機能をメインjquery（）関數(shù)に連鎖させることができます。 たとえば、次のコードでは、新しいチェックを定義し、チェックボックス入力フィールドを変更するためにjqueryメソッドをチェックしてください：

<span>const square = x => x ** 2;
</span>

<span>function multiply(x<span>,y</span>) {
</span>  <span>return x * y;
</span><span>}
</span>
<span>console.log( multiply(2, 2) );
</span><span>// output: 4
</span>

機能を維持

関數(shù)構(gòu)文は個人的な好みの問題であることがよくありますが、コードを読みやすくしていることを確認してください。數(shù)週間以內(nèi)に自分自身を混亂させて、巧妙ではあるが読みにくい矢印と括弧で自分自身を混同するよりも、それを使用する方が良いかもしれません。

jQuery関數(shù)の宣言に関するよくある質(zhì)問（FAQ）

jQuery関數(shù)宣言とは？

jQuery関數(shù)宣言は、jQueryライブラリを使用してカスタム関數(shù)を作成するプロセスです。これらの関數(shù)は、特定のタスクを?qū)g行したり、DOMを操作したり、Webページ上の要素と対話したりするために使用できます。 $ .fn構(gòu)文を使用し、その後に関數(shù)名を使用します。たとえば、

> $。fn.mycustomfunction= function（）{//ここに関數(shù)コード};

$（document）.read（）function？ はい、$（document）.ready（）関數(shù)の外でjquery関數(shù)を宣言できます。ただし、$（document）.ready（）関數(shù)內(nèi)の関數(shù)を定義することは、DOMが操作する前に完全にロードされるようにすることをお勧めします。 ??>

jQuery関數(shù)を宣言したら、選択したDOM要素で使用できます。たとえば、

> $（ "＃myElement"）。mycustomfunction（）;

カスタムjquery関數(shù)に引數(shù)を渡すことはできますか？ jQuery関數(shù)。関數(shù)宣言內(nèi)の引數(shù)を宣言し、関數(shù)本文內(nèi)でそれらを使用します：

$。fn.mycustomfunction= function（arg1、arg2）{// arg1およびarg2をここで使用};

jQueryメソッドカスタム関數(shù)を使用していますか？

はい、カスタム関數(shù)を他のjQueryメソッドにチェーンできます。関數(shù)が選択した要素を返してメソッドのチェーンを有効にしてください：

$。fn.mycustomfunction= function（）{//関數(shù)コードはこれを返します。 //メソッドチェーンの重要};

カスタムjQuery関數(shù)內(nèi)の特定の要素をターゲットにするにはどうすればよいですか？

カスタムjQuery関數(shù)內(nèi)で、これを使用して選択したDOM要素を參照できます（ s）。次に、これにjQueryメソッドを使用して希望する操作を適用できます。

私が宣言できるjQuery関數(shù)の數(shù)に制限はありますか？宣言できます。ただし、コードを整理し続け、読みやすさとメンテナンスのための過度の機能宣言を回避することをお勧めします。アプリケーションのニーズに基づいています。他のJavaScript関數(shù)と同様に、條件付きステートメントまたはループを使用して、必要に応じて関數(shù)を作成できます。

既存のjQuery関數(shù)をオーバーライドまたは拡張できますか？

はい、既存のjQuery関數(shù)をオーバーライドまたは拡張できます。組み込みのjQuery関數(shù)を上書きすることは意図しない結(jié)果をもたらす可能性があるため、カスタム関數(shù)を使用して機能を拡張する方が一般的に安全であることに留意してください。

主な違いは、jQuery関數(shù)がJQueryセレクターを使用して選択されたDOM要素と直接連攜するように設(shè)計されていることです。それらはしばしばDOMの操作または相互作用を伴いますが、通常のJavaScript関數(shù)はより広範な範囲のタスクを処理できます。他のライブラリまたはコードとの競合を防ぎます。たとえば：

$。fn.myplugin_myfunction= function（）{//ここにある関數(shù)コードいくつかのベストプラクティス：

$（document）.ready（）関數(shù)內(nèi)の関數(shù)をdom readinessのために定義します。 >コアjQuery関數(shù)の上書きまたは変更を避けて、予期しない動作を防止します。

以上がjQueryで関數(shù)を宣言する5つの異なる方法の詳細內(nèi)容です。詳細については、PHP 中國語 Web サイトの他の関連記事を參照してください。