ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript ホイスティングとは何ですか?

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

青灯夜游
リリース: 2018-12-14 14:07:43
オリジナル
2926 人が閲覧しました

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

この記事では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 サイトの他の関連記事を参照してください。

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