javascript中加var和不加var的區(qū)別 你真的懂嗎
Javascript是遵循ECMAScript標(biāo)準(zhǔn)下的一個(gè)產(chǎn)物,自然ECMAScript的標(biāo)準(zhǔn)其要遵循。
先來看下var關(guān)鍵字的定義和用法
var 語句用于聲明變量。
JavaScript 變量的創(chuàng)建也叫作"聲明"一變量:
var carName;
變量聲明后,變量為空 (沒有值)。
為變量復(fù)制,操作如下:
carName = "Volvo";
聲明變量時(shí),你同樣可以為變量賦值:
var carName = "Volvo";
語法
var varname = value;
參數(shù)值
參數(shù) | 描述 |
---|---|
varname | 必須。指定變量名。
變量名可以包含字母,數(shù)字,下劃線和美元符號(hào)。
|
value | 可選。指定變量的值。 注意: 如果變量聲明未指定值,其默認(rèn)值為 undefined |
大家都看了很多文章,都說避免隱式聲明全局變量,就是說聲明變量前必須加'var',那加了'var'和不加'var'到底有啥區(qū)別呢?
先來看一段代碼
var a = 'aa'; alert(a); //彈出 'aa' alert(window.a)//彈出'aa'
明白了吧,你聲明一個(gè)全局變量其實(shí)是給'window'對(duì)象增加了一個(gè)屬性,下面一段代碼有相同效果
a = 'aa'; alert(a); //彈出 'aa' alert(window.a)//彈出'aa'
那"var a = 'aa' " 和 "a = 'aa' " 都是全局變量,有啥區(qū)別了? 看下面兩段段代碼
var a = 'aa'; delete window.a; // false a = 'aa'; delete window.a; // true
都是為'window'對(duì)象增加了屬性,一個(gè)可以刪除,一個(gè)不能刪除。但是加上'var'就可以作用域相關(guān)了,不加'var'始終都是在為'window'對(duì)象動(dòng)態(tài)添加屬性,以下代碼為證
var test = function(){ a = 'aa'; } test(); alert(window.a);//彈出'aa'
由于window對(duì)象是全局對(duì)象,因此默認(rèn)可以不加,下面這段同樣效果
var test = function(){ a = 'aa'; } test(); alert(a);//彈出'aa'
說到這,認(rèn)真思考的同學(xué)現(xiàn)在必然有個(gè)疑問, 為啥隱式聲明的全局變量可以刪除,顯式聲明的全局變量就無法刪除?
原因是"delete 不可以刪除那些可配置性為false的屬性" ,某些內(nèi)置對(duì)象的屬性是不可配置的,比如通過變量聲明或者函數(shù)聲明創(chuàng)建的全局對(duì)象的屬性,以下代碼為證
delete Object.prototype; // false 不可刪除,該屬性是不可配置的 var a = 'aa'; delete window.a;//false 不可刪除,該屬性是不可配置的 function test(){}; delete window.test;//false 不可刪除,該屬性是不可配置的
那這樣不就明白了,通過'var'聲明的全局變量,其實(shí)際上是為'window'對(duì)象增加了一個(gè)不可配置的屬性, 而不加'var'聲明的全局變量,其實(shí)際上是為'window'對(duì)象增加了一個(gè)可以配置的屬性。
注意了,以上使用window的地方,window都可以用this代替,如:
var test = function(){ a = 'aa'; } test(); alert(this.a);//彈出'aa'
至于原因,請(qǐng)查看鄙人之前寫的文章 'this,this,再次討論javascript中的this,超全面'
下面拉出javascript中的var關(guān)鍵字,給大家單獨(dú)講解。
我們知道定義變量的時(shí)候,我們需要用到Var關(guān)鍵字,使用Var關(guān)鍵字時(shí),我們需要注意他的使用方法:
下面幾個(gè)列子,充分說明了Var在使用和不使用、全局變量和局部變量定義時(shí),有不同的執(zhí)行結(jié)果。
var var01 = 1; function funtest() { document.write(var01); var var01 = 0; }
結(jié)果為:undefined
var var01 = 1; function funtest() { document.write(var01); var01 = 0; }
結(jié)果為:1
var01 = 1; function funtest() { document.write(var01); var var01 = 0; }
結(jié)果為:undefined
var01 = 1; function funtest() { document.write(var01); var01 = 0; }
結(jié)果為:1
看到這里對(duì)javascript中的var你了解多少,相信大家通過本文學(xué)習(xí)多多少少都會(huì)有點(diǎn)收獲的吧。欲了解更多關(guān)于javascript var相關(guān)知識(shí)請(qǐng)持續(xù)關(guān)注本站,謝謝!
- JScript中的''var''定義變量的作用域
- Javascript中的var_dump函數(shù)實(shí)現(xiàn)代碼
- var與Javascript變量隱式聲明
- Javascript var變量隱式聲明方法
- js for循環(huán),為什么一定要加var定義i變量
- 關(guān)于JavaScript中var聲明變量作用域的推斷
- 解讀JavaScript代碼 var ie = !-[1,] 最短的IE判定代碼
- 在Javascript中 聲明時(shí)用"var"與不用"var"的區(qū)別
- JavaScript var聲明變量背后的原理示例解析
- javascript定義變量時(shí)有var和沒有var的區(qū)別探討
- JavaScript中var關(guān)鍵字的使用詳解
相關(guān)文章
JavaScript??际謱戭}之柯里化與數(shù)組扁平化的實(shí)現(xiàn)
這篇文章主要為大家詳細(xì)介紹了JavaScript??际謱戭}中柯里化與數(shù)組扁平化、數(shù)組去重的實(shí)現(xiàn),文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-12-12詳解ES6 Promise對(duì)象then方法鏈?zhǔn)秸{(diào)用
這篇文章主要介紹了詳解ES6 Promise對(duì)象then方法鏈?zhǔn)秸{(diào)用,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-10-10js數(shù)組方法reduce經(jīng)典用法代碼分享
本文給大家整理了很多關(guān)于js數(shù)組方法reduce的經(jīng)典代碼片段,能夠讓大家更好的理解reduce的實(shí)例用法,一起學(xué)習(xí)下吧。2018-01-01JavaScript 實(shí)現(xiàn)自己的安卓手機(jī)自動(dòng)化工具腳本(推薦)
這篇文章主要介紹了 JavaScript 實(shí)現(xiàn)自己的安卓手機(jī)自動(dòng)化工具腳本,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-05-05js+CSS實(shí)現(xiàn)彈出居中背景半透明div層的方法
這篇文章主要介紹了js+CSS實(shí)現(xiàn)彈出居中背景半透明div層的方法,涉及javascript操作彈出div層的操作技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-02-02javascript類型系統(tǒng) Window對(duì)象學(xué)習(xí)筆記
這篇文章主要介紹了javascript類型系統(tǒng)之Window對(duì)象,整理關(guān)于Window對(duì)象的學(xué)習(xí)筆記,感興趣的小伙伴們可以參考一下2016-01-01