JavaScript變量提升的示例分析

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

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

JavaScript的提升機(jī)制（Hoisting）僅適用于聲明而非初始化；我們?cè)谑褂米兞亢秃瘮?shù)值之前，需要對(duì)它們進(jìn)行初始化，賦值?！鞠嚓P(guān)視頻教程推薦：JavaScript教程】

JavaScript變量提升

讓我們看一下變量提升的簡(jiǎn)單例子。

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

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

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

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

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

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

var x="億速云";

這樣是不能提升的，下面我們來(lái)看兩個(gè)例子：

例1：

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

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

例2：

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

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

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

JavaScript函數(shù)提升

讓我們看一下變量提升的簡(jiǎn)單例子。

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

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

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

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

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

效果圖：

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