JavaScript中var關鍵字的使用詳解

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

這篇文章主要介紹了JavaScript中var關鍵字的使用,是JavaScript入門學習中的基礎知識,需要的朋友可以參考下

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

var c = 1;

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

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

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

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

請看下面這段代碼：

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

// 彈出 Hello Java!

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

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

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

// 彈出 Hello JavaScript!

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

顯然，var關鍵字影響了變量的作用域。

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

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

為了避免潛在的風險，務必使用var關鍵字來申明變量。

您可能感興趣的文章:

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