跟大家講解下有關JavaScript 提升（Hoisting）是什么，相信小伙伴們對這個話題應該也很關注吧，現在就為小伙伴們說說JavaScript 提升（Hoisting）是什么，小編也收集到了有關JavaScript 提升（Hoisting）是什么的相關資料，希望大家看到了會喜歡。

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

本篇文章就給大家介紹JavaScript的提升機制（Hoisting），讓大家了解JS變量提升和函數提升，希望對你們有所幫助。

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

JavaScript變量提升

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

//先使用變量 xx = "php中文網"; // 初始化變量 x，賦值為"php中文網"alert("變量x的值為："+x); //彈窗顯示 x（使用x）//后聲明變量 xvar x; // 變量 x的聲明

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

var x; // 聲明 變量 xx = "php中文網"; // 初始化變量 x，賦值為"php中文網"alert("變量x的值為："+x); //彈窗顯示 x（使用x）

輸出結果：

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

var x="php中文網";

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

例1：

var x = "php中文網"; // 聲明，初始化變量 x，賦值為"php中文網"var y = "網址為：www.php.cn"; // 聲明，初始化變量 x，賦值為"php中文網"alert(x+"\n"+y); //彈窗顯示 x（使用x）

輸出：

例2：

var x = "php中文網"; // 聲明，初始化變量 x，賦值為"php中文網"alert(x+"\n"+y); //彈窗顯示 x（使用x）var y = "網址為：www.php.cn"; // 聲明，初始化變量 x，賦值為"php中文網"

輸出：

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 提升（Hoisting）是什么的詳細內容，更多請關注php中文網其它相關文章！

來源：php中文網