在JavaScript中，有一種機制叫做變量提升，也就是我們所說的hoisting。換句話說，hoisting就是在代碼執行之前，JavaScript引擎對聲明的變量和函數進行了提升，使它們在當前作用域內可以被訪問。

舉個例子，如果我們在代碼中聲明了一個變量，但是在后面才賦值，那么在執行代碼之前，JavaScript引擎會將這個變量的聲明提升到作用域的頂部。

console.log(a); // undefined
var a = 10;

在上面的代碼中，變量a在輸出之前被聲明了，所以輸出結果為undefined。這是因為在執行console.log之前，JavaScript引擎已經將變量a的聲明提升到了作用域的頂部。

同樣的，函數聲明在代碼執行之前也會被提升到作用域的頂部。

foo(); // "bar"
function foo() {
console.log("bar");
}

在上面的代碼中，我們在執行foo函數之前就調用了它，但是JavaScript引擎會將函數聲明提升到作用域的頂部，所以代碼可以正確執行。

然而，如果我們使用函數表達式來聲明函數，就不能像函數聲明那樣進行hoisting：

baz(); // TypeError
var baz = function() {
console.log("qux");
};

在上面的代碼中，我們使用函數表達式定義了一個函數，并在調用這個函數之前嘗試對其進行hoisting。由于JavaScript引擎只會對函數聲明進行hoisting，而不會對函數表達式進行hoisting，所以代碼會因為找不到baz而拋出TypeError錯誤。

同時，我們還需要注意一點，hoisting只會將聲明提升到當前作用域的頂部。如果我們在一個函數的內部聲明一個變量或函數，那么它們只會在這個函數內部被提升，而不會影響到函數外部的代碼：

function example() {
console.log(a); // undefined
var a = 10;
}
example();
console.log(a); // ReferenceError

在上面的代碼中，我們在example函數內部聲明了變量a，并在調用example函數之前輸出了a的值。由于a只被提升到example函數內部的頂部，所以在函數外部訪問a會拋出ReferenceError錯誤。

總體來說，hoisting是JavaScript中一個非常有用的機制，但是需要注意它的局限性和規則，在實際開發中避免出現大量的全局變量聲明和過度依賴hoisting。