JavaScript變量聲明詳解
定義在函數(shù)體外的都屬于全局變量，定義在函數(shù)體內(nèi)的屬于局部變量。這里的定義是指通過(guò)var聲明的。
JavaScript有隱含的全局概念，意味著你不聲明的任何變量都會(huì)成為一個(gè)全局對(duì)象屬性。例如：
function test(){
myname = "huming";
alert(myname);
}
test(); // "huming"
alert(myname); //"huming"
兩個(gè)結(jié)果是一樣的，說(shuō)明myname是一個(gè)全局變量。
那么，隱式全局變量和明確定義的全局變量有沒(méi)有區(qū)別呢。。答案肯定是有的，看下面的例子：
// 定義三個(gè)全局變量
var global_test1 = 1;
global_test2 = 2; // 反面教材
(function () {
global_test3 = 3; // 反面教材
}());
// 試圖刪除
delete global_test1; // false
delete global_test2; // true
delete global_test3; // true
// 測(cè)試該刪除
alert(typeof global_test1); // "number"
alert(typeof global_test2); // "undefined"
alert(typeof global_test3); // "undefined"
由上面的例子可以看出：在函數(shù)之外通過(guò)var定義的global_test1不能被刪除，而沒(méi)有經(jīng)過(guò)var定義的global_test2和global_test3都被刪除了（無(wú)論是否是在函數(shù)體內(nèi)創(chuàng)建）。
總結(jié)來(lái)說(shuō)，在函數(shù)體外通過(guò)var聲明的全局變量不能被刪除，而隱式全局變量是可以刪除的。
這里要注意了：JavaScript有一種行為叫做“hoisting”（懸置/置頂解析/預(yù)解析）。
我們通過(guò)一個(gè)例子來(lái)說(shuō)明：
var myname = "huming"; //聲明全局變量
function test() {
alert(myname);
var myname = "local_huming";
alert(myname);
}
test();
你猜兩次alert的內(nèi)容一致嗎？？顯然不一致，一致還用說(shuō)嗎。。實(shí)際輸出是："undefined", "local_huming"。
上面的例子等同于
var myname = "huming"; //聲明全局變量
function test() {
var myname;
alert(maname);<br> myname = "local_huming";
alert(myname); // "local"
}
test();
第一次alert輸出的myname并不是你以為的全局變量，而是和它在一個(gè)作用域（一個(gè)函數(shù)體）內(nèi)的局部變量。雖然它還沒(méi)有被聲明，但被當(dāng)作是聲明了。這就是所謂的“hoisting”。
這樣應(yīng)該就明白了吧。當(dāng)你在函數(shù)體中使用了一個(gè)變量，又在之后重新聲明的話，就可能產(chǎn)生錯(cuò)誤。
書寫規(guī)范：
function test() {
var a = 1,
b = 2,
c = a + b,
d = {},
e,
f;
// function body...
}
好處在于：
1、所有局部變量都定義在函數(shù)開(kāi)始，方便查找；
2、防止變量在定義之前使用的邏輯錯(cuò)誤。
小伙伴們是否了解了javascript的變量聲明了呢，以上內(nèi)容很詳細(xì)也很易懂，最后的總結(jié)也很中肯，小伙伴們不要錯(cuò)過(guò)。
相關(guān)文章
ionic 3.0+ 項(xiàng)目搭建運(yùn)行環(huán)境的教程
本篇文章主要介紹了ionic 3.0+ 項(xiàng)目搭建運(yùn)行的教程，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
這篇文章主要介紹了使用postMessage實(shí)現(xiàn)iframe跨域通信，第一種使用postMessage在irfame中實(shí)現(xiàn)跨域數(shù)據(jù)傳遞，第二種使用postMessage在window.open()中的使用，本文結(jié)合示例代碼給大家詳細(xì)講解，需要的朋友跟隨小編一起看看吧2022-03-03
webpack前端應(yīng)用之基礎(chǔ)打包實(shí)現(xiàn)
本文主要介紹了webpack前端應(yīng)用之基礎(chǔ)打包實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
這篇文章主要為大家詳細(xì)介紹了js仿京東放大鏡，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
記錄一篇關(guān)于redux-saga的基本使用過(guò)程
這篇文章主要介紹了記錄一篇redux-saga的基本使用過(guò)程，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
本篇文章主要介紹了Javascript中 toFixed四舍六入方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
Bootstrap入門教程一Hello Bootstrap初識(shí)
Bootstrap，來(lái)自 Twitter，是目前很受歡迎的前端框架。Bootstrap是基于 HTML5、CSS3和Javascriopt開(kāi)發(fā)的。這篇文章主要介紹了基于Bootstrap3實(shí)現(xiàn)漂亮簡(jiǎn)潔的CSS3價(jià)格表（精美代碼版）,需要的朋友可以參考下2017-03-03
詳解js模板引擎art template數(shù)組渲染的方法
art-template 是一個(gè)簡(jiǎn)約、超快的模板引擎。這篇文章主要介紹了詳解js模板引擎art template數(shù)組渲染的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-10-10
JS實(shí)現(xiàn)關(guān)鍵詞高亮顯示正則匹配
這篇文章主要介紹了JS實(shí)現(xiàn)關(guān)鍵詞高亮顯示正則匹配功能，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-06-06
這篇文章主要為大家詳細(xì)介紹了一款開(kāi)源的移動(dòng)端腳本框架Hammer.js,可以完美的實(shí)現(xiàn)在移端開(kāi)發(fā)的大多數(shù)事件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12