ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript関数スコープチェーン分析_JavaScriptスキル

JavaScript関数スコープチェーン分析_JavaScriptスキル

WBOY
リリース: 2016-05-16 16:14:13
オリジナル
1038 人が閲覧しました

この記事では、JavaScript 関数のスコープ チェーンを例とともに分析します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

スコープチェーン:

JavaScript の各関数には独自のスコープがあり、以下の図に示すように、アクティブ オブジェクト (AO) アクティブ オブジェクトを使用してスコープ チェーンが形成されます。

スコープ チェーンは内側から外側への AO チェーンです

変数を検索します:

関数 fn3 で使用される変数が fn3 スコープで見つからない場合、それらは外側の fn2 スコープで見つかり、以下同様にグローバル オブジェクト ウィンドウが表示されるまで続きます

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

var c = 5; 
function t1(){ 
  var d = 6; 
  function t2(){ 
    var e = 7; 
    var d = 3;
 //如果在这里声明的var d = 3,
 //那么函数就不在向外寻找变量d,输出的值为15 
    console.log(c+d+e); 
  } 
  t2(); 
} 
t1();
ログイン後にコピー
JavaScript スコープ チェーンを理解した後、関数内で頻繁に使用する外部変数を操作する前に、外部変数をローカル変数として保存することをお勧めします。これにより、スコープ チェーンを介して変数を検索する時間を大幅に短縮できます。

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。

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