javascript - JavaScriptコードを実行するさまざまな方法?

Question

そうですか

初め

$(function() {

  ...

});

2番

(function() {
})();

三番

function() {
}

$(document).ready(function(){
});

もっとあるかもしれませんが、違いは何ですか？

Answer 1

したがって、これらは実際にはJavaScriptコードを実行するいくつかの異なる方法であり、一部はライブラリに依存し(jQueryを使用)、その他はスコープの違いのために特別に実行されます。

最初のブロック:

$(function() {
  ...
});

名前空間 '$' を使用する js ライブラリ jQuery を利用しています ここで行っていることは、jQuery '$' 関数を呼び出して、別の無名関数の最初のパラメーターを渡すことです... これは、呼び出す簡単な方法$(document).ready(function(){});です ... の両方を呼び出すこれらのステートメントは、内部の JavaScript を解釈する前に、DOM が (onload イベントを介して) ロードを完了するのを待ちます。

2 番目のブロック:

(function() {
})();

（IIFE）即時呼び出し関数式と呼ばれる手順です...本質的には、匿名関数を定義してすぐに呼び出します。

3 番目のブロック:

function() {
}

$(document).ready(function(){
});

2つのことを表します...実際に宣言された最初の関数は、次のような名前にする必要がfunction myFunction(){...}あり、後で呼び出すことができますmyFunction(parameters);

最後$(document).ready(function(){}); に、javascript ライブラリ jQuery の言い方です。DOM の「ドキュメント」要素を取得し、onload イベントを探してイベントをリッスンします。そのイベントがトリガーされると、パラメーターとして渡された関数が実行されます...