簡(jiǎn)單談?wù)刯avascript中的變量、作用域和內(nèi)存問(wèn)題
【變量】
[1]定義:可變的量,相當(dāng)于給一個(gè)不定的數(shù)據(jù)起了一個(gè)外號(hào)。變量是存儲(chǔ)信息的容器。
[2]特性:js中的變量是松散類(lèi)型的,可以保存任何類(lèi)型的數(shù)據(jù)。它只是在特定時(shí)間用于保存特定值的一個(gè)名字而已。由于不存在定義某個(gè)變量必須要保存何種數(shù)據(jù)類(lèi)型值的規(guī)則,變量的值及其數(shù)據(jù)類(lèi)型可以在腳本的生命周期內(nèi)改變。
[3]變量聲明:變量可以在聲明時(shí)賦值,但不能有其他操作,如+=、-=等
var a = 2;//是正確的 var a += 2;//是錯(cuò)誤的 var a = 2++;//是錯(cuò)誤的,++只能用于變量,不能用于常量
[4]注意:用var操作符定義的變量將成為定義該變量的作用域中的局部變量。若省略var操作符,可以創(chuàng)建一個(gè)全局變量,但在嚴(yán)格模式下會(huì)拋出 ReferenceError錯(cuò)誤
[5]var:使用var聲明的變量會(huì)自動(dòng)被添加到最接近的環(huán)境中。如果初始化變量時(shí)沒(méi)有使用var聲明,該變量會(huì)自動(dòng)被添加到全局環(huán)境。在嚴(yán)格模式下,初始化未經(jīng)聲明的變量會(huì)導(dǎo)致錯(cuò)誤。
[6]局部變量:如果局部環(huán)境中存在同名標(biāo)識(shí)符,就不會(huì)使用位于父環(huán)境中的標(biāo)識(shí)符。任何位于局部變量color的聲明之后的代碼,如果不使用window.color都無(wú)法訪問(wèn)全局color變量
【標(biāo)識(shí)符】
[1]定義:變量、函數(shù)、屬性的名字,或者函數(shù)的參數(shù)。
[2]注意:
[2.1]第一個(gè)字符必須是一個(gè)字母、下劃線或一個(gè)美元符號(hào)。其他字符可以是字母、下劃線、美元符號(hào)或數(shù)字[不能出現(xiàn)中劃線]
[2.2]標(biāo)識(shí)符中的字母也可以包括拓展的ASCII或Unicode字母字符,可以使用中文
[2.3]標(biāo)識(shí)符應(yīng)采用小駝峰格式,第一位應(yīng)該是數(shù)據(jù)的類(lèi)型,常見(jiàn)的標(biāo)識(shí)如下:
數(shù)組 a Array aItems 布爾值 b Boolean bIsComplete 浮點(diǎn)數(shù) f FLoat fPrice 函數(shù) fn Function fnHandler 整數(shù) i Integer iItemCount 對(duì)象 o Object oDIv1 正則表達(dá)式 re RegExp reEmailCheck 字符串 s String sUserName 變量 v Variant vAnything
[2.4]不能把關(guān)鍵字、保留字、true、false和null用作標(biāo)識(shí)符
[2.5]對(duì)于不符合標(biāo)識(shí)符命名規(guī)則的屬性如background-color應(yīng)寫(xiě)為大括號(hào)方式[backgroundColor]
[3]標(biāo)識(shí)符解析:標(biāo)識(shí)符解析是沿著作用域鏈一級(jí)一級(jí)地搜索標(biāo)識(shí)符的過(guò)程。搜索過(guò)程始終從作用域鏈的前端開(kāi)始,然后逐級(jí)地向后回溯,直到找到標(biāo)識(shí)符為止(如果找不到標(biāo)識(shí)符,表示標(biāo)識(shí)符尚未聲明,通常會(huì)導(dǎo)致錯(cuò)誤發(fā)生)。
[3.1]如果局部環(huán)境中存在著同名標(biāo)識(shí)符,就不會(huì)使用父環(huán)境中的標(biāo)識(shí)符
e.g. 全局和局部有同名標(biāo)識(shí)符color,任何位于局部變量color的聲明之后的代碼,如果不使用window.color都無(wú)法訪問(wèn)全局color變量
[3.2]JavaScript引擎在優(yōu)化標(biāo)識(shí)符查詢方面做得不錯(cuò),訪問(wèn)全局變量和局部變量的時(shí)間差別可以忽略不計(jì)
【作用域】(也稱(chēng)為執(zhí)行環(huán)境)
[注意]javascript中沒(méi)有塊級(jí)作用域
[1]執(zhí)行環(huán)境:執(zhí)行環(huán)境定義了變量或函數(shù)有權(quán)訪問(wèn)的其他數(shù)據(jù),決定了它們各自的行為。每個(gè)執(zhí)行環(huán)境都有一個(gè)與之相關(guān)聯(lián)的變量對(duì)象。環(huán)境中定義的所有變量和函數(shù)都保存在這個(gè)對(duì)象中。
[2]全局執(zhí)行環(huán)境:
[2.1]全局執(zhí)行環(huán)境是最外圍的一個(gè)執(zhí)行環(huán)境,在web瀏覽器中,全局執(zhí)行環(huán)境被認(rèn)為是window對(duì)象。因此所有全局變量和函數(shù)都是作為window對(duì)象的屬性和方法創(chuàng)建的。全局執(zhí)行環(huán)境直到應(yīng)用程序退出例如關(guān)閉網(wǎng)頁(yè)或?yàn)g覽器時(shí)才會(huì)被銷(xiāo)毀
[2.2]一個(gè)頁(yè)面就相當(dāng)于一個(gè)全局作用域。不論是頁(yè)面中的js代碼,還是引用的外部js文件,最終都會(huì)按照在頁(yè)面中的先后依次解析。
[3]函數(shù)執(zhí)行環(huán)境:每個(gè)函數(shù)都有自己的執(zhí)行環(huán)境,當(dāng)執(zhí)行流進(jìn)入一個(gè)函數(shù)時(shí),函數(shù)的環(huán)境就會(huì)被推入一個(gè)環(huán)境棧中,而在函數(shù)執(zhí)行之后,棧將其環(huán)境彈出,把控制權(quán)返回給之前的執(zhí)行環(huán)境。
[4]作用域鏈:當(dāng)代碼在一個(gè)環(huán)境中執(zhí)行時(shí),會(huì)創(chuàng)建變量對(duì)象的一個(gè)作用域鏈。作用域鏈的作用是保證對(duì)執(zhí)行環(huán)境有權(quán)訪問(wèn)的所有變量和函數(shù)的有序訪問(wèn)。作用域的前端始終都是當(dāng)前執(zhí)行的代碼所在環(huán)境的變量對(duì)象。如果這個(gè)環(huán)境是函數(shù),則將其活動(dòng)對(duì)象作為變量對(duì)象?;顒?dòng)對(duì)象在最開(kāi)始時(shí)只包含一個(gè)變量,即arguments對(duì)象(這個(gè)對(duì)象在全局環(huán)境中是不存在的)。作用域鏈中的下一個(gè)變量對(duì)象來(lái)自包含環(huán)境,而再下一個(gè)變量對(duì)象則來(lái)自下一個(gè)包含環(huán)境。這樣,一直延續(xù)到全局執(zhí)行環(huán)境;全局執(zhí)行環(huán)境的變量對(duì)象始終都是作用域鏈中的最后一個(gè)對(duì)象。
[4.1]作用域鏈的特點(diǎn):內(nèi)部環(huán)境可以通過(guò)作用域鏈訪問(wèn)所有的外部環(huán)境,但外部環(huán)境不能訪問(wèn)內(nèi)部環(huán)境中的任何變量和函數(shù)。這些環(huán)境之間的聯(lián)系是線性、有次序的。每個(gè)環(huán)境都可以向上搜索作用域鏈,以查詢變量和函數(shù)名;但任何環(huán)境都不能通過(guò)向下搜索作用域鏈而進(jìn)入另一個(gè)執(zhí)行環(huán)境。
[5]延長(zhǎng)作用域鏈:
[5.1]try-catch語(yǔ)句:catch塊會(huì)創(chuàng)建一個(gè)新的變量對(duì)象,其中包含的是被拋出的錯(cuò)誤對(duì)象的聲明
[5.2]with語(yǔ)句:會(huì)將指定的對(duì)象添加到作用域鏈中
function buildUrl(){ var qs = '?debug=true'; with(location){ var url = href + qs; } return url; }
【垃圾回收】:javascript具有自動(dòng)垃圾收集機(jī)制,執(zhí)行環(huán)境會(huì)負(fù)責(zé)管理代碼執(zhí)行過(guò)程中使用的內(nèi)存。
[1]垃圾回收機(jī)制:找出那些不再繼續(xù)使用的變量,然后釋放其占用的內(nèi)存,垃圾收集器會(huì)按照固定的時(shí)間間隔,或代碼執(zhí)行中預(yù)定的收集時(shí)間,周期性地執(zhí)行這一操作
[2]垃圾收集標(biāo)記無(wú)用變量的兩種策略
[2.1]標(biāo)記清除,標(biāo)記“進(jìn)入環(huán)境”和“離開(kāi)環(huán)境”。離開(kāi)作用域的值將被自動(dòng)標(biāo)記為可以回收,因此將在垃圾收集期間被刪除
[2.2]引用計(jì)數(shù),跟蹤記錄每個(gè)值被引用的次數(shù)。當(dāng)聲明了一個(gè)變量并將一個(gè)引用類(lèi)型值賦給該變量時(shí),則這個(gè)值的引用次數(shù)就是1,如果同一個(gè)值又被賦給另一個(gè)變量,則該值的引用次數(shù)加1,相反,如果包含對(duì)這個(gè)值的引用的變量又取得了另外一個(gè)值,則這個(gè)值的引用次數(shù)減1,當(dāng)這個(gè)值的引用次數(shù)為0時(shí),則說(shuō)明沒(méi)有辦法再訪問(wèn)這個(gè)值了,因此就可以將其占用的內(nèi)存空間回收回來(lái)。
[2.2.1]引用計(jì)數(shù)的問(wèn)題:循環(huán)引用:對(duì)象A中包含一個(gè)指向?qū)ο驜的指針,對(duì)象B中也包含一個(gè)指向?qū)ο驛的指針
[2.2.2]IE:IE中有一部分對(duì)象并不是原生js對(duì)象,例如,其BOM和DOM中的對(duì)象就是使用c++以COM對(duì)象的形式實(shí)現(xiàn),而COM對(duì)象的垃圾回收機(jī)制采用的就是引用計(jì)數(shù)策略
var element = document.getElementById('some_element'); var myObject = new Object(); myObject.element = element; element.someObject = myObject;
解決辦法:為了避免類(lèi)似這樣的循環(huán)引用,最好是在不使用它們的時(shí)候手工斷開(kāi)
myObject.element = null;
element.someObject = null;
為了解決此問(wèn)題,IE9把BOM和DOM對(duì)象都轉(zhuǎn)換成了真正的js對(duì)象
【內(nèi)存管理】
[1]主要問(wèn)題:分配給web瀏覽器的可用內(nèi)存數(shù)量通常要比分配給桌面應(yīng)用程序的少,目的是防止運(yùn)行js的網(wǎng)頁(yè)耗盡全部系統(tǒng)內(nèi)存而導(dǎo)致系統(tǒng)崩潰。內(nèi)在限制問(wèn)題不僅會(huì)影響給變量分配內(nèi)存,同時(shí)還會(huì)影響調(diào)用棧以及在一個(gè)線程中能夠同時(shí)執(zhí)行的語(yǔ)句數(shù)量
[2]優(yōu)化方式:為執(zhí)行中的代碼只保存必要的數(shù)據(jù)。一旦數(shù)據(jù)不再有用,最好通過(guò)將其值設(shè)置為null來(lái)釋放其引用,這種做法叫解除引用。這一做法適用于大多數(shù)全局變量和全局對(duì)象的屬性以及循環(huán)引用變量,局部變量會(huì)在它們離開(kāi)執(zhí)行環(huán)境時(shí)自動(dòng)被解除引用。
解除變量的引用并不意味著自動(dòng)回收該值所占用的內(nèi)存。解除引用的真正作用是讓值脫離執(zhí)行環(huán)境,以便垃圾收集器下次運(yùn)行時(shí)將其回收。
相關(guān)文章
JavaScript 拖拽實(shí)現(xiàn)(附注釋?zhuān)罱?jīng)典簡(jiǎn)單短小精悍!
JavaScript拖拽實(shí)現(xiàn)(附注釋?zhuān)?,最?jīng)典!最簡(jiǎn)單!短小精悍!2009-04-04解析利用javascript如何判斷一個(gè)數(shù)為素?cái)?shù)
本文主要分享了利用javascript如何判斷一個(gè)數(shù)為素?cái)?shù)的具體實(shí)例代碼,有需要的朋友可以作為參考看下2016-12-12js統(tǒng)計(jì)頁(yè)面上每個(gè)標(biāo)簽的數(shù)量實(shí)例代碼
這篇文章通過(guò)實(shí)例代碼給大家講解了通過(guò)js統(tǒng)計(jì)頁(yè)面上每個(gè)標(biāo)簽的數(shù)量,代碼很簡(jiǎn)單,具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2018-05-05JavaScript獲取網(wǎng)頁(yè)支持表單字符集的方法
這篇文章主要介紹了JavaScript獲取網(wǎng)頁(yè)支持表單字符集的方法,涉及javascript中acceptCharset方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-04-04javascript根據(jù)時(shí)間生成m位隨機(jī)數(shù)最大13位
javascript根據(jù)時(shí)間生成m位隨機(jī)數(shù),最大13位隨機(jī)數(shù),并且不能保證首位不為0,實(shí)現(xiàn)代碼如下,需要的朋友可以參考下2014-10-10