JavaScript中的聲明提升是什么

這篇文章主要講解了“JavaScript中的聲明提升是什么”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“JavaScript中的聲明提升是什么”吧！

聲明提升（hosting）是 JavaScript 解析器的一個(gè)特性，它會(huì)把代碼中的函數(shù)、變量聲明語(yǔ)句作用提取到它所在作用域的最前面。

函數(shù)的提升

JavaScript 是支持在函數(shù)聲明之前調(diào)用函數(shù)的。

say();function say() {  console.log("Hello");
}

解析器會(huì)掃描作用域內(nèi)的代碼，把函數(shù)聲明提取到執(zhí)行代碼的前面。所以，解析器是這樣看這段代碼的：

function say() {  console.log("Hello");
}say();

除了普通函數(shù)，async function, function *, async function * 也有相同的提升效果。

var 變量聲明提升

var 關(guān)鍵字的變量聲明會(huì)被提升，但變量的賦值不會(huì)被提升。

console.log(foo); // undefinedvar foo = "bar";console.log(foo); // 'bar'

以上代碼的解析結(jié)果為：

var foo;console.log(foo);
foo = "bar";console.log(foo);

這可能會(huì)導(dǎo)致一些奇怪的問(wèn)題：

var x = "x in global";

(function () {  // 這里期望讀取全局變量
  console.log(x); // 結(jié)果為undefined. 
  /* ... */
  // 在函數(shù)內(nèi)某處
  var x = "x in function";
})();

在過(guò)去，為了規(guī)避這種奇怪的提升，大家普遍把var 聲明寫(xiě)在作用域的最前面。

var x='x';var y='y';function (){    var x;    var foo;    // ...}

當(dāng)然，現(xiàn)在我們選擇不用 var，改用更合理的 let 和 const。

let 和 const 變量聲明和死區(qū)

那么，let 和 const 就不存在變量提升了嗎？—— 未必。

看這個(gè)例子：

const x = "x in global";

(function () {  // 這里期望讀取全局變量
  console.log(x); // ReferenceError: Cannot access 'x' before initialization
  /* ... */
  // 在函數(shù)內(nèi)某處
  const x = "x in function";
})();

執(zhí)行報(bào)錯(cuò)，說(shuō)明 const x = "x in function"; 一行影響了作用域內(nèi)的上方區(qū)域代碼。

解析器會(huì)掃描當(dāng)前作用域下的 const 和 let 聲明，在聲明語(yǔ)句之前使用變量名都會(huì)觸發(fā) ReferenceError。這樣可以避免上面提過(guò)的 var 提升問(wèn)題和模糊不清的代碼范式。

class 關(guān)鍵字也有同樣的效果，new 一個(gè)未聲明的類(lèi)也會(huì)發(fā)生 ReferenceError。

new MyClass(); // ReferenceError: Cannot access 'MyClass' before initializationclass MyClass {}

有人認(rèn)為這種情況不屬于提升，畢竟聲明和賦值都沒(méi)有提前；也有人認(rèn)為這些語(yǔ)句在執(zhí)行之前就產(chǎn)生了影響，其作用提升了。個(gè)人偏向后者，這是對(duì)（變量和類(lèi)名）標(biāo)識(shí)符的提升。

感謝各位的閱讀，以上就是“JavaScript中的聲明提升是什么”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)JavaScript中的聲明提升是什么這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！