資訊專欄INFORMATION COLUMN
摘要：生命周期假設(shè)這樣一個(gè)場(chǎng)景當(dāng)解釋器剛進(jìn)入一個(gè)包含的作用域時(shí)，則在任何語句執(zhí)行之前，變量就已完成了聲明階段和初始化階段，且值為。當(dāng)解釋器執(zhí)行完，變量就已完成了初始化階段，離開了臨時(shí)死區(qū)，并具有的值。
變量提升是一個(gè)將變量聲明或者函數(shù)聲明提升到作用域起始處的過程。在本篇博文中，我們一起深入了解這個(gè)過程的更多細(xì)節(jié)。
變量的生命周期當(dāng)引擎使用變量時(shí)，它們的生命周期包含以下階段：
聲明階段，這一階段在作用域中注冊(cè)了一個(gè)變量
初始化階段， 這一階段分配了內(nèi)存并在作用域中讓內(nèi)存與變量建立了一個(gè)綁定，變量會(huì)被自動(dòng)初始化為 undefined
賦值階段，這一階段為已初始化的變量分配具體的一個(gè)值
注意，聲明階段與我們通常所說的變量聲明是不同的術(shù)語。
var 生命周期假設(shè)這樣一個(gè)場(chǎng)景：當(dāng)解釋器剛進(jìn)入一個(gè)包含 var variable 的作用域時(shí)，則在任何語句執(zhí)行之前，變量就已完成了聲明階段和初始化階段，且值為 undefined。語句 varibale = "value" 為賦值階段。
// 在剛進(jìn)入到 func 作用域時(shí)，a 已完成了聲明和初始化階段，且值為 undefined
function func() {
console.log(a); // undefined
var a = 1; // 賦值階段
console.log(a); // 1
}
func();
function 生命周期
對(duì)于 function ，聲明、初始化和賦值階段在解釋器剛進(jìn)入函數(shù)作用域時(shí)，便已全部完成。
可以結(jié)合以下的代碼，去理解 function 的變量提升過程。
// function 提升優(yōu)先級(jí)比 var 和 let 高
foo(); // 2
// 具名函數(shù)表達(dá)式的函數(shù)名只在函數(shù)內(nèi)部有效
bar(); // ReferenceError
function foo() {
console.log(1);
}
// 多個(gè)函數(shù)聲明時(shí)，后面的函數(shù)聲明會(huì)覆蓋之前的函數(shù)聲明
function foo() {
console.log(2);
}
// 函數(shù)聲明會(huì)被提升，但函數(shù)表達(dá)式不會(huì)被提升
var foo = function bar() {
console.log(3);
};
foo(); // 3
let 變量的生命周期
let 的提升是只針對(duì)聲明階段的提升。
假設(shè)這樣一個(gè)場(chǎng)景：當(dāng)解釋器剛進(jìn)入一個(gè)包含 let variable 的作用域時(shí)，就已完成了聲明階段。
從聲明階段結(jié)束到初始化階段開始， 這段區(qū)域被稱為臨時(shí)死區(qū)。如果在這時(shí)訪問 variable ，將會(huì)拋出 ReferenceError: variable is not defined 。
當(dāng)解釋器執(zhí)行完 let variable ，變量就已完成了初始化階段，離開了臨時(shí)死區(qū)，并具有 undefined 的值。之后的語句 variable = "value" 為賦值階段。
如果解釋器遇到了 let variable = "value" ，則完成了初始化和賦值階段。
總結(jié)至此，總結(jié)一下變量提升過程中的一些重要知識(shí)點(diǎn)：
var 只有聲明階段和初始化階段被提升
function 的聲明階段、初始化階段和賦值階段都被提升
let 只有聲明階段被提升
function 提升優(yōu)先級(jí)比 var 和 let 高，且對(duì)于多個(gè)函數(shù)聲明，后面的聲明會(huì)覆蓋前面的聲明
函數(shù)表達(dá)式無法被提升
參考資料JavaScript variables lifecycle: why let is not hoisted
我用了兩個(gè)月的時(shí)間才理解 let
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/100291.html
摘要：變量提升什么是變量提升在函數(shù)體內(nèi)聲明的變量，無論你是在函數(shù)的最底端還是中間聲明的，那么都會(huì)把該變量的聲明提升到函數(shù)的最頂端相當(dāng)于第一行，但是只是提升變量的聲明，不會(huì)賦值。 1、變量提升 什么是變量提升？在函數(shù)體內(nèi)聲明的變量，無論你是在函數(shù)的最底端還是中間聲明的，那么都會(huì)把該變量的聲明提升到函數(shù)的最頂端(相當(dāng)于第一行)，但是只是提升變量的聲明，不會(huì)賦值。 var num = 10; fu...
摘要：發(fā)布自的博客，歡迎大家轉(zhuǎn)載，但是要注意注明出處。另外，該文章收納在的個(gè)人的知識(shí)整理倉庫，歡迎投稿介紹變量提升是人們對(duì)執(zhí)行上下文工作方式的一種認(rèn)識(shí)，并不是官方給出的改變從字面上理解，變量提升的意思是變量和函數(shù)的聲明會(huì)在物理層移動(dòng)到作用域的最前 發(fā)布自Kindem的博客，歡迎大家轉(zhuǎn)載，但是要注意注明出處。另外，該文章收納在Kindem的個(gè)人的 IT 知識(shí)整理倉庫，歡迎 Star、Fork、...
摘要：不同的是函數(shù)體并不會(huì)再被提升至函數(shù)作用域頭部，而僅會(huì)被提升到塊級(jí)作用域頭部避免全局變量在計(jì)算機(jī)編程中，全局變量指的是在所有作用域中都能訪問的變量。 ES6 變量作用域與提升：變量的生命周期詳解從屬于筆者的現(xiàn)代 JavaScript 開發(fā)：語法基礎(chǔ)與實(shí)踐技巧系列文章。本文詳細(xì)討論了 JavaScript 中作用域、執(zhí)行上下文、不同作用域下變量提升與函數(shù)提升的表現(xiàn)、頂層對(duì)象以及如何避免創(chuàng)建...
摘要：輸出的結(jié)果為輸出的結(jié)果為提升后輸出的結(jié)果為重新定義了變量輸出的結(jié)果為如果定義了相同的函數(shù)變量聲明，后定義的聲明會(huì)覆蓋掉先前的聲明，看如下代碼輸出練習(xí)的值是多少的值是多少第二題的解析請(qǐng)看這里參考資料文章文章中文版鏈接文章推薦文章變量提升 JavaScript 變量聲明提升 原文鏈接 一個(gè)小例子 先來看個(gè)例子： console.log(a); // undefined var a =...
摘要：變量提升需要注意兩點(diǎn)提升的部分只是變量聲明，賦值語句和可執(zhí)行的代碼邏輯還保持在原地不動(dòng)提升只是將變量聲明提升到變量所在的變量范圍的頂端，并不是提升到全局范圍，說明如下會(huì)輸出變量提升之后的效果函數(shù)聲明會(huì)提升，但是函數(shù)表達(dá)式就不了。 問題 有些朋友可能會(huì)覺得javascript的代碼是從上到下，一行一行的解釋執(zhí)行的。如果按照這樣的思路，在有些情況下閱讀代碼會(huì)得到錯(cuò)誤的結(jié)果，考慮以下代碼： ...
摘要：但是碰到聲明提升，這種想法就會(huì)被打破。聲明一個(gè)函數(shù)進(jìn)行相應(yīng)的操作，會(huì)得到函數(shù)聲明提升的結(jié)果。由此可以發(fā)現(xiàn)變量和函數(shù)的聲明都會(huì)被提升在其他代碼的前面執(zhí)行。一個(gè)普通塊內(nèi)部的函數(shù)聲明通常會(huì)被提升到所在的作用域的頂部。的創(chuàng)建初始化和賦值均會(huì)被提升。 Javascript聲明提升 在分析聲明提升之前，我認(rèn)為有必要知道的兩點(diǎn)： 一、引擎查詢變量的兩種方式 引擎查詢變量的方式可以分為LHS和RHS兩...
閱讀 3396·2021-11-15 11:37
閱讀 2545·2021-09-29 09:48
閱讀 4166·2021-09-22 15:55
閱讀 3081·2021-09-22 10:02
閱讀 2705·2021-08-25 09:40
閱讀 3311·2021-08-03 14:03
閱讀 1771·2019-08-29 13:11
閱讀 1637·2019-08-29 12:49
