JavaScript變量提升的示例分析

小編給大家分享一下JavaScript變量提升的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

Hoisting是JavaScript 中的一種機制，它可以將變量和函數的聲明移到最頂部；讓我們可以在聲明它們之前使用變量和函數，也就是說：讓變量和函數可以先使用再聲明。

JavaScript的提升機制（Hoisting）僅適用于聲明而非初始化；我們在使用變量和函數值之前，需要對它們進行初始化，賦值。【相關視頻教程推薦：JavaScript教程】

JavaScript變量提升

讓我們看一下變量提升的簡單例子。

//先使用變量 x
x = "億速云"; // 初始化變量 x，賦值為"億速云"
alert("變量x的值為："+x);  //彈窗顯示 x（使用x）

//后聲明變量 x
var x; // 變量 x的聲明

這和下面的變量先聲明再使用的例子，結果是一樣的。

var x; // 聲明 變量 x
x = "億速云"; // 初始化變量 x，賦值為"億速云"

alert("變量x的值為："+x);  //彈窗顯示 x（使用x）

注：不可以直接在變量聲明時，就初始化。例：

var x="億速云";

這樣是不能提升的，下面我們來看兩個例子：

例1：

var x = "億速云"; // 聲明，初始化變量 x，賦值為"億速云"
var y = "網址為：www.php.cn"; // 聲明，初始化變量 x，賦值為"億速云"

alert(x+"\n"+y);  //彈窗顯示 x（使用x）

例2：

var x = "億速云"; // 聲明，初始化變量 x，賦值為"億速云"

alert(x+"\n"+y);  //彈窗顯示 x（使用x）

var y = "網址為：www.php.cn"; // 聲明，初始化變量 x，賦值為"億速云"

JavaScript函數提升

讓我們看一下變量提升的簡單例子。

//先使用函數 sum()
alert("\nsum()的作用是：讓兩個數相加求和，則：\n\n"+"sum(10,20)=10+20="+sum(10,20));  

//在聲明函數sum()
function sum(a,b)  
{  
return a+b;  
}

這和先聲明函數 sum()，在使用，輸出結果一樣：

//在聲明函數sum()
function sum(a,b)  
{  
return a+b;  
} 

//輸出函數 sum()
alert("\nsum()的作用是：讓兩個數相加求和，則：\n\n"+"sum(10,20)=10+20="+sum(10,20));

效果圖：

以上是“JavaScript變量提升的示例分析”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！