JS變量提升的使用方法

發(fā)布時間：2020-07-22 15:41:10 來源：億速云閱讀：92 作者：小豬欄目：web開發(fā)

這篇文章主要講解了JS變量提升的使用方法，內(nèi)容清晰明了，對此有興趣的小伙伴可以學(xué)習(xí)一下，相信大家閱讀完之后會有幫助。

該篇介紹什么是變量提升,寫給像我一樣的JS新手看的

簡單來說變量提升就是 JS會把var變量的聲明自動提升到作用域的頂部,即使你不想這樣

一個例子: (局部變量與全局變量同名時 , 局部變量覆蓋全局變量)

var a="全局變量";
function test()
{
  document.writeln(a);
  var a="局部變量";
  document.writeln(a);
}
test();

上例的兩個輸出結(jié)果是

undefined局部變量

第一個輸出并沒有輸出全局變量a而是undefined ,這就是變量提升導(dǎo)致的

上例等同與下例:

var a="全局變量";
function test()
{
  var a;
  document.writeln(a);
  a="局部變量";
  document.writeln(a);
}
test();

test函數(shù)內(nèi)即使局部變量a還沒定義,就已經(jīng)覆蓋了全局變量,可見其聲明已經(jīng)生效了,

即變量聲明會自動提升到作用域的頂部, 即使該語句并沒執(zhí)行

如下例:

var x=100;
var y=200;
function test()
{
  document.writeln(x);
  document.writeln(y);
  if(false)
  {
    var x=1;
  }
  return;
  var y=2;
}
test();

輸出結(jié)果:

undefinedundefined

等同如下形式:

var x=100;
var y=200;
function test()
{
  var x,y;
  document.writeln(x);
  document.writeln(y);
  if(false)
  {
    x=1;
  }
  return;
  y=2;
}
test();

看完上述內(nèi)容，是不是對JS變量提升的使用方法有進(jìn)一步的了解，如果還想學(xué)習(xí)更多內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

JS變量提升的使用方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽