JavaScript中var關(guān)鍵字的使用詳解

更新時間：2015年08月14日 15:48:00 作者：libuchao

這篇文章主要介紹了JavaScript中var關(guān)鍵字的使用,是JavaScript入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下

作用
聲明作用；如聲明個變量。
語法　　

var c = 1;

省略var
在javascript中，若省略var關(guān)鍵字而直接賦值，那么這個變量為全局變量，哪怕是在function里定義的。

<script type="text/javascript"> 
  function Define() { 
    a = 2; 
  } 
  function Hello() { 
    alert(a); 
  } 
</script>

如代碼所示，運(yùn)行函數(shù)Define()后，變量a聲明為全局變量。在Hello()函數(shù)中可以引用變量a。

更具體的示例
我們都知道 JavaScript 中的var關(guān)鍵字是用來申明變量的，但是如果不用這個關(guān)鍵字而直接寫出變量名，然后賦值給它，JavaScript 也并不會報錯，它會自動申明這個變量。難道說 JavaScript 中的var是個多余的東西嗎？顯然不是！

請看下面這段代碼：

str1 = 'Hello JavaScript!';
function fun1() {
 str1 = 'Hello Java!';
}
fun1();
alert(str1);

// 彈出 Hello Java!

可以看到，在函數(shù) fun1 被調(diào)用后，str1 的值在函數(shù)內(nèi)被改變了。

再將上面的代碼稍作修改：

str1 = 'Hello JavaScript!';
function fun1() {
 var str1 = 'Hello Java!';
}
fun1();
alert(str1);

// 彈出 Hello JavaScript!

看到?jīng)]有，str1 的值并沒有被函數(shù) fun1 改變。

顯然，var關(guān)鍵字影響了變量的作用域。

函數(shù)外部：變量不管是否用了var申明，都是全局變量。

函數(shù)內(nèi)部：變量如果沒有使用var關(guān)鍵字申明，那它就是全局變量，只有用var關(guān)鍵字申明了，才是局部變量。
結(jié)論

為了避免潛在的風(fēng)險，務(wù)必使用var關(guān)鍵字來申明變量。

您可能感興趣的文章:

相關(guān)文章

溫故知新——JavaScript中的字符串連接問題最全總結(jié)（推薦）
這篇文章主要介紹了JS中的字符串連接問題，ECMAScript 中最常見的一個問題是字符串連接的性能。在調(diào)用 join() 方法時才會發(fā)生連接操作，具體操作步驟大家可查看下文的詳細(xì)講解，感興趣的小伙伴們可以參考一下。
2017-08-08
在HTML文檔中嵌入JavaScript的四種方法
本篇文章主要介紹了在HTML文檔里嵌入客戶端JavaScript代碼有4中方法，感興趣的小伙伴們可以參考一下，具體如下：
2018-05-05
Javascript基礎(chǔ)_簡單比較undefined和null 值
下面小編就為大家?guī)硪黄狫avascript基礎(chǔ)_簡單比較undefined和null 值。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-06-06
js實(shí)現(xiàn)圖片局部放大效果詳解
這篇文章主要介紹了js實(shí)現(xiàn)圖片局部放大效果，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-03-03
詳解JavaScript中數(shù)組和字符串的lastIndexOf()方法使用
這篇文章主要介紹了詳解JavaScript中數(shù)組和字符串的lastIndexOf()方法使用,文中特別提及了IE8的兼容問題以及for in的使用問題,需要的朋友可以參考下
2016-03-03
document.getElementBy("id")與$("#id")有什么區(qū)
有朋友問document.getElementBy("id")與$("#id")的區(qū)別，其實(shí)第一個就是js中獲取對象的方法，第二個是通過自定義函數(shù)方便調(diào)用，而第三個是jquery中獲取id對象的方法
2013-09-09
在JavaScript中處理字符串之link()方法的使用
這篇文章主要介紹了在JavaScript中處理字符串之link()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下
2015-06-06
js導(dǎo)航菜單(自寫)簡單大方
一個簡單的多級下拉菜單菜單但是由于業(yè)務(wù)和樣式上的要求，為了簡潔找了好多都不適合于是自己寫了一個，曬出來與大家分享，感興趣的朋友可以參考下哈，希望可以幫助到你
2013-03-03
JavaScript中g(shù)etUTCSeconds()方法的使用詳解
這篇文章主要介紹了JavaScript中g(shù)etUTCSeconds()方法的使用詳解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下
2015-06-06
Javascript 基礎(chǔ)---Ajax入門必看
下面小編就為大家?guī)硪黄狫avascript 基礎(chǔ)---Ajax入門必看。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-07-07