最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

簡(jiǎn)單談?wù)刯avascript中的變量、作用域和內(nèi)存問題

 更新時(shí)間:2015年08月30日 09:45:29   投稿:hebedich  
這篇文章主要介紹了簡(jiǎn)單談?wù)刯avascript中的變量、作用域和內(nèi)存問題的相關(guān)資料,需要的朋友可以參考下

【變量】

[1]定義:可變的量,相當(dāng)于給一個(gè)不定的數(shù)據(jù)起了一個(gè)外號(hào)。變量是存儲(chǔ)信息的容器。
[2]特性:js中的變量是松散類型的,可以保存任何類型的數(shù)據(jù)。它只是在特定時(shí)間用于保存特定值的一個(gè)名字而已。由于不存在定義某個(gè)變量必須要保存何種數(shù)據(jù)類型值的規(guī)則,變量的值及其數(shù)據(jù)類型可以在腳本的生命周期內(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í)沒有使用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ú)法訪問全局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ù)的類型,常見的標(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)寫為大括號(hào)方式[backgroundColor]
[3]標(biāo)識(shí)符解析:標(biāo)識(shí)符解析是沿著作用域鏈一級(jí)一級(jí)地搜索標(biāo)識(shí)符的過程。搜索過程始終從作用域鏈的前端開始,然后逐級(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ú)法訪問全局color變量
  [3.2]JavaScript引擎在優(yōu)化標(biāo)識(shí)符查詢方面做得不錯(cuò),訪問全局變量和局部變量的時(shí)間差別可以忽略不計(jì)

【作用域】(也稱為執(zhí)行環(huán)境)

  [注意]javascript中沒有塊級(jí)作用域 
[1]執(zhí)行環(huán)境:執(zhí)行環(huán)境定義了變量或函數(shù)有權(quá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ì)被銷毀
  [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)訪問的所有變量和函數(shù)的有序訪問。作用域的前端始終都是當(dāng)前執(zhí)行的代碼所在環(huán)境的變量對(duì)象。如果這個(gè)環(huán)境是函數(shù),則將其活動(dòng)對(duì)象作為變量對(duì)象?;顒?dòng)對(duì)象在最開始時(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)境可以通過作用域鏈訪問所有的外部環(huán)境,但外部環(huán)境不能訪問內(nèi)部環(huán)境中的任何變量和函數(shù)。這些環(huán)境之間的聯(lián)系是線性、有次序的。每個(gè)環(huán)境都可以向上搜索作用域鏈,以查詢變量和函數(shù)名;但任何環(huán)境都不能通過向下搜索作用域鏈而進(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í)行過程中使用的內(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)境”和“離開環(huán)境”。離開作用域的值將被自動(dòng)標(biāo)記為可以回收,因此將在垃圾收集期間被刪除
  [2.2]引用計(jì)數(shù),跟蹤記錄每個(gè)值被引用的次數(shù)。當(dāng)聲明了一個(gè)變量并將一個(gè)引用類型值賦給該變量時(shí),則這個(gè)值的引用次數(shù)就是1,如果同一個(gè)值又被賦給另一個(gè)變量,則該值的引用次數(shù)加1,相反,如果包含對(duì)這個(gè)值的引用的變量又取得了另外一個(gè)值,則這個(gè)值的引用次數(shù)減1,當(dāng)這個(gè)值的引用次數(shù)為0時(shí),則說明沒有辦法再訪問這個(gè)值了,因此就可以將其占用的內(nèi)存空間回收回來(lái)。
    [2.2.1]引用計(jì)數(shù)的問題:循環(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;

    解決辦法:為了避免類似這樣的循環(huán)引用,最好是在不使用它們的時(shí)候手工斷開

myObject.element = null;
element.someObject = null;   
    為了解決此問題,IE9把BOM和DOM對(duì)象都轉(zhuǎn)換成了真正的js對(duì)象

【內(nèi)存管理】

[1]主要問題:分配給web瀏覽器的可用內(nèi)存數(shù)量通常要比分配給桌面應(yīng)用程序的少,目的是防止運(yùn)行js的網(wǎng)頁(yè)耗盡全部系統(tǒng)內(nèi)存而導(dǎo)致系統(tǒng)崩潰。內(nèi)在限制問題不僅會(huì)影響給變量分配內(nèi)存,同時(shí)還會(huì)影響調(diào)用棧以及在一個(gè)線程中能夠同時(shí)執(zhí)行的語(yǔ)句數(shù)量 

[2]優(yōu)化方式:為執(zhí)行中的代碼只保存必要的數(shù)據(jù)。一旦數(shù)據(jù)不再有用,最好通過將其值設(shè)置為null來(lái)釋放其引用,這種做法叫解除引用。這一做法適用于大多數(shù)全局變量和全局對(duì)象的屬性以及循環(huán)引用變量,局部變量會(huì)在它們離開執(zhí)行環(huán)境時(shí)自動(dòng)被解除引用。

解除變量的引用并不意味著自動(dòng)回收該值所占用的內(nèi)存。解除引用的真正作用是讓值脫離執(zhí)行環(huán)境,以便垃圾收集器下次運(yùn)行時(shí)將其回收。

相關(guān)文章

  • Bootstrap提示框效果的實(shí)例代碼

    Bootstrap提示框效果的實(shí)例代碼

    本篇文章主要介紹了Bootstrap提示框效果的實(shí)例代碼,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧
    2017-07-07
  • JavaScript定義及輸出螺旋矩陣的方法詳解

    JavaScript定義及輸出螺旋矩陣的方法詳解

    這篇文章主要介紹了JavaScript定義及輸出螺旋矩陣的方法,簡(jiǎn)單描述了螺旋矩陣的概念、原理并結(jié)合實(shí)例形式分析了javascript定義與輸出螺旋矩陣的具體操作技巧,需要的朋友可以參考下
    2017-12-12
  • js防抖和節(jié)流的深入講解

    js防抖和節(jié)流的深入講解

    這篇文章主要給大家介紹了關(guān)于js防抖和節(jié)流的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2018-12-12
  • JS 中document.URL 和 windows.location.href 的區(qū)別

    JS 中document.URL 和 windows.location.href 的區(qū)別

    實(shí)際上,document 和 windows 這兩個(gè)對(duì)象的區(qū)別已經(jīng)包含了這個(gè)問題的答案。
    2009-11-11
  • JavaScript排序算法動(dòng)畫演示效果的實(shí)現(xiàn)方法

    JavaScript排序算法動(dòng)畫演示效果的實(shí)現(xiàn)方法

    下面小編就為大家?guī)?lái)一篇JavaScript排序算法動(dòng)畫演示效果的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧
    2016-10-10
  • JS簡(jiǎn)單的輪播的圖片滾動(dòng)實(shí)例

    JS簡(jiǎn)單的輪播的圖片滾動(dòng)實(shí)例

    JS簡(jiǎn)單的輪播的圖片滾動(dòng)實(shí)例,需要的朋友可以參考一下
    2013-06-06
  • JavaScript對(duì)象拷貝與Object.assign用法實(shí)例分析

    JavaScript對(duì)象拷貝與Object.assign用法實(shí)例分析

    這篇文章主要介紹了JavaScript對(duì)象拷貝與Object.assign用法,結(jié)合實(shí)例形式分析了javascript深拷貝與淺拷貝以及Object.assign的功能與相關(guān)使用技巧,需要的朋友可以參考下
    2018-06-06
  • javascript貪吃蛇完整版(源碼)

    javascript貪吃蛇完整版(源碼)

    這篇文章主要是對(duì)javascript貪吃蛇完整版(源碼)進(jìn)行了詳細(xì)的分析介紹,需要的朋友可以過來(lái)參考下,希望對(duì)大家有所幫助
    2013-12-12
  • 詳解CocosCreator制作射擊游戲

    詳解CocosCreator制作射擊游戲

    這篇文章主要介紹了CocosCreator制作射擊游戲,各個(gè)方面都講的比較詳細(xì),希望同學(xué)們自己動(dòng)手試一下
    2021-04-04
  • 小程序列表懶加載的實(shí)現(xiàn)方式

    小程序列表懶加載的實(shí)現(xiàn)方式

    懶加載,前端人都知道的一種性能優(yōu)化方式,簡(jiǎn)單的來(lái)說,只有當(dāng)圖片出現(xiàn)在瀏覽器的可視區(qū)域內(nèi)時(shí),才設(shè)置圖片正真的路徑,讓圖片顯示出來(lái),這篇文章主要給大家介紹了關(guān)于小程序列表懶加載的實(shí)現(xiàn)方式,需要的朋友可以參考下
    2022-04-04

最新評(píng)論

宝坻区| 枣庄市| 南雄市| 新和县| 桐柏县| 青铜峡市| 延长县| 赣榆县| 永泰县| 石景山区| 廉江市| 嘉义县| 神木县| 浏阳市| 辽宁省| 舞阳县| 宝兴县| 洛南县| 手游| 岳西县| 保靖县| 久治县| 武冈市| 菏泽市| 乌鲁木齐县| 稷山县| 通化县| 瑞安市| 玉田县| 陇川县| 安多县| 赤壁市| 阿拉善左旗| 尤溪县| 西吉县| 元阳县| 定南县| 沁源县| 合江县| 调兵山市| 华亭县|