JavaScript中提前宣告變數或函數範例_javascript技巧

如題所示,看下面的範例。

(可以使用Chrome瀏覽器,然後F12/或右鍵,審查元素.調出開發者工具,進入控制台console輸入)
(使用技巧: 控制台輸入時Shift Enter可以中途代碼換行)

複製程式碼 程式碼如下:

var name = "xiaoming";

(function(){
  var name = name || "小張";
  console.info(name);
})();// 小張

(function(){
  name = name || "小張";
  console.info(name);
})(); // xiaoming

(function(){
  var name2= name;
  var name = name || "小張";
  console.info(name, name2);
})(); // 小張 undefined 

執行時的截圖如下所示:

解釋如下:

在JavaScript中。

複製程式碼 程式碼如下:

function xxx(){
  // 一堆程式碼...
  // ...
  var name2 = name;
  var name = name || "小張";
  // 一堆程式碼
}

執行時會變成這種等價形式:

複製程式碼 程式碼如下:

function xxx(){
  var name2 = undefined;
  var name = undefined;
  // 其他 var 也會提前到最起始處
  // 一堆程式碼...
  // ...
  name2 = name;
  name = name || "小張";
  // 一堆程式碼
}