jsプログラムの実行とシーケンス実装_javascriptスキルを詳しく解説

関数の宣言と呼び出し
JavaScript は、ブラウザーによって動的に解析されて実行される記述スクリプト言語です。一般に、関数を定義するには 2 つの方法があり、ブラウザには方法ごとに異なる解析順序があります。
コードは次のとおりです:

コードをコピーします コードは次のとおりです:

//「定義」 関数定義
function Fn1(){
alert("Hello World!");
}
//「代入」関数定義
var Fn2 = function() {
alert("Hello wild!");
}

ページの読み込みプロセス中に、ブラウザーはページまたは読み込まれた各 js コード ブロック (またはファイル) をスキャンします。定義関数に遭遇した場合は前処理が実行され（C などのコンパイルと同様）、処理が完了した後、代入関数に遭遇した場合は上から下に実行が開始され、関数は何もせずに変数に代入されます。前処理 (変数は最初に定義してから参照する必要があるという 1 の原則と同様)、変数は呼び出されるまで処理されません。簡単な例を次に示します。
コードは次のとおりです:

コードをコピーします コードは次のとおりです:

//「定義」関数定義
Fn1();
function Fn1(){
alert("Hello World!")

通常の実行では、「Hello World!」が表示され、ブラウザは Fn1 を前処理し、Fn1(); から実行を開始します。
コードは次のとおりです:

コードをコピーします コードは次のとおりです:

//「割り当て」 関数定義
Fn2();
var Fn2 = function(){
alert("Hello wild!");


Firebugエラー: Fn2 は関数ではありません。ブラウザは Fn2 を前処理せず、順番に実行するため、エラー Fn2 は定義されていません。

3. コード ブロックと js ファイルの処理
「コード ブロック」とは、ブラウザは各ブロックまたはファイルを個別にスキャンし、グローバル コードを順番に実行します (2 で説明)。したがって、1 つのブロック (ファイル) では呼び出しの後に関数を「定義」できますが、2 つのブロックでは、関数を定義するブロックは関数を呼び出すブロックの前になければなりません。
わかりにくいので、例を見てください:
コードは次のとおりです:

コードをコピーします コード

/javascript">
function Fn(){
alert("Hello World!");
}

// エラー: Fn が定義されていません。交換してください。 2 つのブロック



4. 関数を繰り返し定義すると、前の定義が上書きされます。
これは、変数の繰り返し定義と同じです。コードは次のとおりです。コードは次のとおりです。


コードをコピー

コードは次のとおりです。 function fn( ){ alert(1); }

function fn(){

alert(2);
fn(); "


この場合はどうなりますか:
コードは次のとおりです:

コードをコピー


コードは次のとおりです:

fn(); function fn(){ alert(1); function fn(){ alert(2);

}

// "2" がまだ表示されます。


"2" がまだ表示されます。なぜですか? 2 については説明済みです...


5. 本体の onload 関数と本体の内部関数の実行

本体の内部関数は onload 関数の前に実行されます。テスト コード:
コードは次のとおりです:

コードをコピーします

コードは次のとおりです:

//html head... }

//最初に「私は壁の内側にいます..」が表示されます;
//次に「私は外にいます」が表示されます壁だ！」


本体の onload イベントのトリガー条件は、本体のコンテンツがロードされ、このイベントがトリガーされる前に本体内の JS コードが実行されることです (なぜですか? 6 でわかります...)

6. JavaScript はマルチスレッドですか?それともシングルスレッドですか?
厳密に言えば、JavaScript にはマルチスレッドの概念がありません。すべてのプログラムは「シングル スレッド」で順番に実行されます。
不適切な例:
コードは次のとおりです:

コードをコピーします コードは次のとおりです:

関数 fn1(){
var sum = 0;
for(var ind=0; indsum = ind; 🎜>alert ("答えは" sum);
}
function fn2(){
alert("前から分かっていたけど、言わなかっただけです");
fn1();
fn2();


//最初に表示されます:「答えは 499500」、
//次に表示されます:「私は知っていました」前に言いましたが、私がそれを言わなかっただけです。"

次に、遅延実行と Ajax の非同期読み込みはマルチスレッドではないのか、ということを尋ねる必要があります。はい、次のようなプログラムは「マルチスレッド」に見えます。
コードは次のとおりです:

コードをコピーします コードは次のとおりです: function fn1(){

setTimeout(function(){

alert("I call first")
},1000); 🎜>}
function fn2(){
alert("後で電話します");
fn1()
// 最初にポップアップします。 : "後で電話します",
// 1 秒後にポップアップが表示されます: "最初に電話します"


fn2() と遅延プログラムは分けられているようです2 つのプロセスですが、実際には、これはオペレーティング システムの「割り込みと応答」に似た「コールバック」メカニズムが動作しています。遅延プログラムは「割り込み」を設定し、その後 fn2() を実行し、1000 秒待ちます。ミリ秒後にコールバックして fn1() を実行します。
同様に、5 の本体の onload イベントによって呼び出される関数もコールバック メカニズムを使用します。本体がロードされた後、コールバックは fnOnLoad() 関数を実行します。
Ajax リクエストのデータ処理関数にも同じことが当てはまります。
JavaScript スレッドの問題についてさらに詳しく説明するには、JavaScript のスレッドに関する私の意見、および infoQ の JavaScript マルチスレッド プログラミングの紹介を参照してください。
疲れたので、コールバック関数についてもう一度話しましょう。

7. コールバック関数

コールバック関数は何に使用されますか?これはコールバックによって実行される単なる関数です。なんてナンセンス :D
6 で述べたように、最も一般的なコールバックは、onclick、onmouseotutorialver、onmousedown、onload などのブラウザ イベントの呼び出し関数と、Ajax の非同期処理です。リクエストデータ。setTimeOut 遅延実行関数、setInterval ループ実行関数など。
純粋なコールバック関数を書いて遊んでみましょう:
コードは次のとおりです:


コードをコピーします

コードは次のとおりです。 function onBack(num){ alert("シャンシャン遅れました") // num 回のスラップを実行します}

function date(hours, callBack ){

var SP= 0; // SP, 怒りの値
//雌豚の足は何時間も雪の中に立っていた
//サイクルが始まります..
SP;
/ /ループの終了...
callBack(SP)
dating(1, onBack);