溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

詳談js的變量提升以及使用方法

發(fā)布時(shí)間：2020-09-17 06:39:22 來(lái)源：腳本之家 閱讀：110 作者：laozhang 欄目：web開(kāi)發(fā)

介紹

變量提升Hoisting是人們對(duì)JavaScript執(zhí)行上下文工作方式的一種認(rèn)識(shí)，并不是官方給出的改變

從字面上理解，變量提升的意思是變量和函數(shù)的聲明會(huì)在物理層移動(dòng)到作用域的最前面。但是這樣理解并不準(zhǔn)確，效果是相同的，但是實(shí)際的實(shí)現(xiàn)方式是JavaScript的變量和函數(shù)的聲明會(huì)在編譯階段放入內(nèi)存

這意味著使用者在正式聲明一個(gè)函數(shù)或者變量之前就能夠使用它

函數(shù)的提升

在JavaScript中，在聲明一個(gè)函數(shù)前，我們就能夠使用它，大家應(yīng)該都體驗(yàn)過(guò)，像這樣:

test();

 

function test() {

  // do something

}

在正常的使用情況下，應(yīng)該需要先聲明函數(shù)才能調(diào)用，但是這種方法仍然能夠運(yùn)行，這是因?yàn)镴avaScript自動(dòng)將函數(shù)聲明事先存入了內(nèi)存的原因，看起來(lái)就像JavaScript自動(dòng)把函數(shù)聲明提升到了最前面

變量的提升

對(duì)于變量，JavaScript使用類似的方法，但是要注意一點(diǎn)的是，對(duì)于變量的提升，JavaScript只會(huì)將變量聲明提升，但是不會(huì)把初始化提升，如果在變量初始化之前使用，則會(huì)得到undefined

// undefined

console.log(a);

// ReferenceError: b is not defined

console.log(b);

var a = 10;
// undefined

console.log(num);

num = 6;

// 6

console.log(num);

num += 7;

// 13

console.log(num);

var num;
// undefined

console.log(num);

num = 1;

// 1

console.log(num);

var num = 2;

// 2

console.log(num);

這里要注意，JavaScript的變量提升是針對(duì)var的，而let和const不存在變量提升這一特性

// ReferenceError: a is not defined

console.log(a);

let a = 10;

一個(gè)復(fù)雜一點(diǎn)的例子

var a = 100;

function fn() {

  // undefined

  console.log(a);

  var a = 200;

  // 200

  console.log(a);

}

fn();

// 100

console.log(a);

var a;

// 100

console.log(a);

// 300

var a = 300;

console.log(a);

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

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手