ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript ホイスティングとは何ですか?

JavaScript ホイスティングとは何ですか?

青灯夜游
青灯夜游オリジナル
2018-12-14 14:07:432819ブラウズ

ホイスティングは、変数と関数の宣言を先頭に移動するメカニズムで、変数と関数を宣言する前に使用できるようにします。つまり、変数と関数を最初に使用してから宣言することができます。

この記事ではJavaScriptのホイスティングの仕組み(ホイスティング)を紹介し、JSの変数ホイスティングと関数ホイスティングについて理解していただければ幸いです。

JavaScript ホイスティングとは何ですか?

JavaScript のホイスティング メカニズム (ホイスティング) は、初期化ではなく宣言にのみ適用されます。変数と関数の値を使用する前に、初期化して割り当てる必要があります。 [関連ビデオ チュートリアルの推奨事項: JavaScript チュートリアル ]

JavaScript 変数のプロモーション

の単純さを見てみましょう。変数プロモーションの例。

//先使用变量 x
x = "php中文网"; // 初始化变量 x,赋值为"php中文网"
alert("变量x的值为:"+x);  //弹窗显示 x(使用x)

//后声明变量 x
var x; // 变量 x的声明

これは、最初に変数を宣言してから使用する次の例と同じです。

var x; // 声明 变量 x
x = "php中文网"; // 初始化变量 x,赋值为"php中文网"

alert("变量x的值为:"+x);  //弹窗显示 x(使用x)

出力結果:

JavaScript ホイスティングとは何ですか?

注: 変数宣言時に を直接初期化することはできません。例:

var x="php中文网";

これは改善できません。次の 2 つの例を見てみましょう:

例 1:

var x = "php中文网"; // 声明,初始化变量 x,赋值为"php中文网"
var y = "网址为:www.php.cn"; // 声明,初始化变量 x,赋值为"php中文网"

alert(x+"\n"+y);  //弹窗显示 x(使用x)

出力:

JavaScript ホイスティングとは何ですか?

例 2:

var x = "php中文网"; // 声明,初始化变量 x,赋值为"php中文网"

alert(x+"\n"+y);  //弹窗显示 x(使用x)

var y = "网址为:www.php.cn"; // 声明,初始化变量 x,赋值为"php中文网"

出力:

JavaScript ホイスティングとは何ですか?

JavaScript 関数のホイスティング

変数ホイスティングの簡単な例を見てみましょう。

//先使用函数 sum()
alert("\nsum()的作用是:让两个数相加求和,则:\n\n"+"sum(10,20)=10+20="+sum(10,20));  

//在声明函数sum()
function sum(a,b)  
{  
return a+b;  
}

これは、関数 sum() を最初に宣言してから使用するのと同じです。出力結果は同じです。

//在声明函数sum()
function sum(a,b)  
{  
return a+b;  
} 

//输出函数 sum()
alert("\nsum()的作用是:让两个数相加求和,则:\n\n"+"sum(10,20)=10+20="+sum(10,20));

レンダリング:

JavaScript ホイスティングとは何ですか?

要約: 以上がこの記事の全内容です。皆さんの学習に役立つことを願っています。

以上がJavaScript ホイスティングとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。