js変数昇格の詳しい説明

小云云
リリース: 2018-02-26 14:08:27
オリジナル
1543 人が閲覧しました


1. JavaScript コードの実行は 2 つのステージに分かれています:

  • 解析前ステージ: 解析前ステージでは、js は var で宣言された変数と function で始まるステートメント ブロックをプロモートし、var で宣言された変数と関数をプロモートします。手前のコードに。関数は全体としてプロモートされ、var で宣言された変数は変数宣言のみをプロモートし、代入操作は同じ名前の関数のプロモート ルールと同時に実行されないことに注意してください。昇格されますが、後続の関数は前の関数を上書きします

    alert(a)//undefinedvar a = 1;  
    
    为什么会输出undefined呢?
    模拟提升的之后的代码 ,上一段代码相当于 var a;  //声明一个变量。但是没有初始化Alert(a);
     a = 1;  //初始化为1----------
    fun();    //在C语言中,如果不先声明函数,先调用后声明函数会报错,但是js会正常运行function fun(){
        alert(“函数被声明了”);
    }
    
    代码提升后 相当于 
    function fun(){
        alert(“函数被声明了”);
    }
    
    fun();
    ログイン後にコピー
  • 4. 変数名と関数名は同じ昇格ルールです: 同じ名前の変数と関数がある場合、その変数は無視され、関数のみが昇格されます
  • func1();  //输出  我是后声明的函数function func1(){
       console.log('我是先声明的函数');
    }function func1(){
       console.log('我是后声明的函数');
    }
    模拟提升后的代码function func1(){
       console.log('我是先声明的函数');
    }function func1(){
       console.log('我是后声明的函数');
    }
    func1();
     函数名也是变量,后面的会覆盖前面。
    ログイン後にコピー

    5 .変数の昇格はスコープに分割されます

    alert(foo); //输出function foo(){}function foo(){
    }
    var foo = 2;
    alert(foo); //输出 2----------模拟提升后的代码function foo{}Alert(foo);
    foo = 2;
    alert(foo);
    ログイン後にコピー
  • 6. 関数式は昇格されません
var num = 123; function test(){
     console.log(num);     var num = 10;
 }
 test(); //输出undefined; ----------


模拟变量提升后的代码  var num;function test(){var num
   console.log(num); //函数内部声明了num,但是没赋值。因为在函数内部声明了num,所以函数会使用它内部声明的num,而不会去全局中找  
   num = 10;
  }
num = 123;
ログイン後にコピー

7 最後に、別の練習をしてみましょう

var s1 = “qq”;

func();  // func is not a function
 var func = function(){
    alert("1234");
 }


----------


提升后的代码var func;
func();
func = function(){
    alert("1234");
};
 用var声明的变量(包括函数表达式),只提升声明,不提升赋值操作
ログイン後にコピー

}

foo();

function foo() {
    console.log(s1); 
    var s1 = "tengxunqq";
    console.log(s1);
ログイン後にコピー

:

JS 変数とそのスコープに関する知識ポイントの紹介

JS 変数のスコープを宣言するには?そして、関数内のスコープ例の詳細な説明


js変数プロモーションと関数宣言の事前解析例の詳細な説明

以上がjs変数昇格の詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!