Javascriptを理解する_13_実行モデルの詳しい解説_Javascriptスキル-jsチュートリアル-php.cn

関数実行環境
簡単なコード:

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

 
function Say(msg,other){ 
var str = "誰も言いません:"; 
this.name = '馬鹿の座右の銘' 
function method(){};// var method = function(){}; 
alert(str msg); 
say('hello world') 
alert(name); // バカのモットー 

 

say メソッドを呼び出すとき、最初のステップはその実行環境を作成することです。実行環境の作成プロセスでは、一連の操作が定義された順序で完了します。
1.アクティブオブジェクト」が作成されます (アクティブ化オブジェクト)。アクティブオブジェクトは、仕様で指定されているもう 1 つのメカニズムです。アクセス可能な名前付きプロパティがあるため、オブジェクトと呼ばれますが、通常のオブジェクトのようなプロトタイプ (少なくとも事前定義されたプロトタイプ) はなく、アクティブなオブジェクトは JavaScript コードを通じて直接参照できません。
2. 関数呼び出しの実行環境を作成する次のステップは、引数オブジェクトを作成することです。これは、関数を呼び出すときに渡されるパラメーターを整数インデックスと 1 対 1 対応で格納する配列のようなオブジェクトです。配列のメンバー。このオブジェクトには長さと呼び出し先のプロパティもあります (詳細については、「Javascript_14_Function のパラメータと引数について」を参照してください)。次に、アクティブオブジェクトに対して「arguments」と呼ばれるプロパティが作成され、前に作成したarguments オブジェクトを参照します。
3. 次に、実行環境にスコープを割り当てます。スコープはオブジェクトのリスト (チェーン) で構成されます。 (さらに複雑です。「JavaScript_15_Scope の割り当てと変数アクセスルールを理解してクロージャを送信する」を参照してください)
4. その後、ECMA 262 のいわゆる「アクティブオブジェクト」によって完了した「変数のインスタンス化」が発生します (変数のインストール) プロセス。このとき、関数の仮引数は変数オブジェクトの名前付きプロパティとして作成され、関数呼び出し時に渡される引数が仮引数と一致する場合には、対応する引数の値がこれらの名前付きプロパティに代入されます。プロパティ (そうしないと、名前付きプロパティに未定義の値が割り当てられます)。定義された内部関数の場合、宣言された名前を持つ可変オブジェクト上に同じ名前のプロパティが作成され、対応する内部関数が関数オブジェクトとして作成され、そのプロパティに割り当てられます。変数のインスタンス化の最後のステップは、関数内で宣言されたすべてのローカル変数を可変オブジェクトの名前付きプロパティとして作成することです。注: このプロセスでは、値を持つ実際のパラメーターと関数定義を除き、その他すべては未定義の値として「事前解析」されます。
5 最後に、this キーワードを使用するために値を割り当てる必要があります。。 (この時点では、グローバルオブジェクト、つまりウィンドウを指します)

実行環境が正常に作成されたら、2 番目のステップに入ります。関数本体の上から下にコードを実行します。
1. var str='nobodysay' が実行されると、「計算代入式」と呼ばれる処理が発生し、アクティブなオブジェクトのキー str の値が unknown から 'nobodysay: に設定されます。 '。
2. this.name='バカの座右の銘' を実行すると、属性名が this としてオブジェクトに追加され、値が 'バカの座右の銘' として割り当てられます。
3. 次に function innerMethod(){ };最後に 'alert(str msg) を実行し、'nobodysay:hello world' を出力します。

function method(){} と var method(){}
簡単なコード:

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

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

 
//FF2.0、IE7 で渡されます。 、Opera9. 25、Safari3.0.4 
function fn(arg){ 
var innerVar = "関数内の変数"; 
eval(' 
var evalVar = "eval 内の変数"; 
document.write (arg "
"); 
document.write(innerVar "
"); 
document.write(evalVar) ; 
} 
fn("arguments for function"); 

 

出力結果は次のようになります:
関数の変数 eval の変数
注: 関数 fn のパラメーターとローカル変数は、eval 呼び出しでアクセスできます。eval で定義されたローカル変数は、変数オブジェクトが同じオブジェクトであるため、関数 fn からもアクセスできます。。
評価コードの実行に入ると、新しいスコープチェーンが作成されます。その内容は、現在の実行コンテキストのスコープチェーンとまったく同じです。

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

コードをコピーコードは次のとおりです。

var innerVar1="グローバルコードの変数";

function fn1(arg1, arg2){ 
var innerVar1="関数コードの変数"; >関数 fn2() { return innerVar1 " - " innerVar1 " - " " - " (arg1 arg2) } 
return fn2(); 
var innerVar2=fn1(10, 20); 🎜>

実行プロセスは大まかに次のとおりです。 
ウィンドウ オブジェクトであるグローバル オブジェクトとウィンドウ オブジェクト自体である変数オブジェクトを初期化します。ウィンドウ オブジェクトのみを含むスコープ チェーン オブジェクトをscope_1 であると仮定して、スコープ チェーン オブジェクトを作成します。 
JS ソース コードをスキャンします (ソース コードを読みます。字句解析および構文解析のプロセスがある場合があります)。その結果から、定義された変数名と関数オブジェクトを取得できます。スキャン順序に従って: 
1 変数 externalVar1 を検出し、outerVar1 属性をウィンドウ オブジェクトに追加します。値は未定義です。
2 関数 fn1 の定義を検出し、この定義を使用して関数オブジェクトを作成します。作成プロセスに渡されるスコープ チェーンはscope_1です。結果を window プロパティに追加します。名前は fn1 で、値は返された関数オブジェクトです。 fn1 の内部 [[Scope]] はscope_1 であることに注意してください。なお、作成処理では関数本体内のJSコードに対して特別な処理は行わず、関数本体内のJSコードのスキャン結果を関数オブジェクトの内部プロパティに保存するだけであることが分かります。関数の実行時に処理されます。これは、関数コード、特に入れ子関数定義における変数のインスタンス化を理解するための鍵です。
3 変数 externalVar2 を検出し、outerVar2 属性をウィンドウ オブジェクトに追加します。値は未定義です。
そして値を「グローバルコード内の変数」に割り当てます。 
関数 fn1 を実行し、戻り値を取得します。 
1 アクティベーション オブジェクトを作成します (有効化_1 であると仮定します)。新しいスコープ チェーンを作成します (有効範囲_2 の最初のオブジェクトが有効化_1 であると仮定します)。 object はウィンドウ オブジェクトです (fn1 の [[Scope]]、つまり、scope_1 の内容から取得されます)。
2 プロセス パラメーター リスト。 activity_1 の属性 arg1 と arg2 にそれぞれ値 10 と 20 を設定します。引数オブジェクトを作成して設定し、引数を activity_1 の属性として設定します。
3 fn1 の関数本体に対して手順 2 と同様のプロセスを実行します。
3.1 変数 innerVar1 を検出し、innerVar1 属性を追加します。 activity_1 オブジェクト、値は undefine; 
3.2 関数 fn2 の定義を検出し、この定義を使用して関数オブジェクトを作成し、作成プロセスに渡されるスコープ チェーンはscope_2 です (関数 fn1 のスコープ チェーンは現在の実行コンテキストの内容)。結果を、fn2 という名前と返された関数オブジェクトの値を使用して、activation_1 の属性に追加します。 fn2 の内部 [[スコープ]] はscope_2 であることに注意してください。 
4 innerVar1 代入ステートメントを実行し、値を「関数コード内の変数」に代入します。 
5 fn2 を実行します。 
5.1 アクティベーション オブジェクトを作成します (activation_2 であると仮定します); 新しいスコープ チェーンを作成します (scope_3 であると仮定します)。 . オブジェクト (fn2 の [[Scope]]、つまりscope_2 から取得); 
5.2 プロセスパラメータリスト。 fn2 にはパラメーターがないため、引数オブジェクトを作成し、それを activity_2 の属性として設定するだけです。 
5.3 fn2の関数本体に対して手順2と同様の処理を行うと、変数定義や関数宣言が見つかりません。 
5.4 関数本体を実行します。変数参照の場合、scope_3 から検索します。この例では、outerVar1 は window で見つかり、innerVar1、arg1、および arg2 は activity_1 で見つかります。 
5.5 スコープ_3 とアクティベーション_2 を破棄します (ガベージ コレクションできることを意味します)。 
5.6 fn2の戻り値を返します。 
6 activity_1 とscope_2 を破棄します。 
7 結果を返します。 
結果をouterVar2に代入します。 

参考: 
http://www.cnblogs.com/RicCC/archive/2008/02/15/JavaScript-Object-Model-Execution-Model.html 
http://www .cn-cuckoo.com/2007/08/01/ Understand-javascript-closures-72.html