《JavaScript高級(jí)程序設(shè)計(jì)》總結(jié)

一、JavaScript簡(jiǎn)介

JavaScript是一種專門為與網(wǎng)頁(yè)交互而設(shè)計(jì)的腳本語(yǔ)言,由下列三個(gè)不同的部分組成:

  • ECMAScript,由ECMA-262定義,提供核心語(yǔ)言功能;
  • 文檔對(duì)象模型(DOM),提供訪問和操作網(wǎng)頁(yè)內(nèi)容的方法和接口;
  • 瀏覽器對(duì)象模型(BOM),提供與瀏覽器交互的方法和接口;

JavaScript的這三個(gè)組成部分,在當(dāng)前五個(gè)主要瀏覽器(IE、Firefox、Chrome、Safari和Opera)中都得到了不同程度的支持。其中,所有瀏覽器對(duì)ECMAScript第3版的支持大體上都還不錯(cuò),而對(duì)ECMAScript5的支持程度越來(lái)越高,但對(duì)DOM的支持則彼此相差比較多。對(duì)HTML5已經(jīng)正式納入標(biāo)準(zhǔn)的BOM來(lái)說(shuō),盡管各瀏覽器都實(shí)現(xiàn)了某些 眾所周知的共同特性,但其他特性還是會(huì)因?yàn)g覽器而異。

二、在HTML中使用JavaScript

把JavaScript插入到HTML頁(yè)面中要使用<script>元素。使用這個(gè)元素可以把JavaScript嵌入到HTML頁(yè)面中,讓腳本與標(biāo)記混合在一起;也可以包含外部的JavaScript文件。而我們需要注意的地方有:

  • 在包含外部JavaScript文件時(shí),必須將src屬性設(shè)置為指向相應(yīng)文件的URL。而這個(gè)文件既可以是與包含它的頁(yè)面位于同一個(gè)服務(wù)器上的文件,也可以是其他任何域中的文件;
  • 所有<script>元素都會(huì)按照它們?cè)陧?yè)面中出現(xiàn)的先后順序依次被解析。在不使用defer和asyc屬性的情況下,只有解析完前面<script>元素中的代碼之后,才會(huì)開始解析后面<script>元素中的代碼;
  • 由于瀏覽器會(huì)先解析完不使用defer屬性的<script>元素中的代碼,然后再解析后面的內(nèi)容,所以一般應(yīng)該把<script>元素放在頁(yè)面最后,即主要內(nèi)容后面,<body>標(biāo)簽前面;
  • 使用defer屬性可以讓腳本在文檔完全呈現(xiàn)之后再執(zhí)行。延遲腳本總是按照指定它們的順序執(zhí)行;
  • 使用async屬性可以表示當(dāng)前腳本不必等待其他腳本,也不必阻塞文檔呈現(xiàn)。不能保證異步腳本按照它們?cè)陧?yè)面中出現(xiàn)的順序執(zhí)行;
  • 此外,使用<noscript>元素可以指定在不支持腳本的瀏覽器中顯示的替代內(nèi)容。但在啟用了腳本的情況下,瀏覽器不會(huì)顯示<noscript>元素中的任何內(nèi)容;
三、基本概念

JavaScript的核心語(yǔ)言特性在 ECMA-262中是以名為ECMAScript的偽語(yǔ)言的形式來(lái)定義的。ECMAScript中包含了所有基本的語(yǔ)法、操作符 、數(shù)據(jù)類型以及完成基本的計(jì)算任務(wù)所必需的對(duì)象。以下簡(jiǎn)要概括了ECMAScript中基本的要素:

  • 基本數(shù)據(jù)類型:Undefined、Null、Boolean、Number和String;
  • Number類型可用于表示所有數(shù)值;
  • Object類型是JavaScript中所有對(duì)象的基礎(chǔ)類型;
  • 嚴(yán)格模式為JavaScript中容易出錯(cuò)的地方施加了限制;
  • 基本操作符包括算數(shù)操作符、布爾操作符、關(guān)系操作符、相等操作符 及賦值操作符等;
  • 流控制語(yǔ)句包括if語(yǔ)句、for語(yǔ)句和switch語(yǔ)句等;
  • 無(wú)須指定函數(shù)的返回值;
  • 未指定返回值的函數(shù)返回的是一個(gè)特殊的undefined值;
  • 函數(shù)參數(shù)以數(shù)組的形式傳遞;
  • 可以向函數(shù)傳遞任意數(shù)量的參數(shù),并且可以通過(guò)arguments對(duì)象來(lái)訪問這些參數(shù);
  • 函數(shù)不能重載;
四、變量、作用域和內(nèi)存問題

JavaScript變量可以用來(lái)保存兩種類型的值:基本類型值和引用類型值。基本類型值得值源自以下5中基本數(shù)據(jù)類型 :Undefined、Null、Boolean、Number和String。基本類型值和引用類型值具有以下特點(diǎn):

  • 基本類型值在內(nèi)存中占據(jù)固定大小的空間,因此保存在棧內(nèi)存中;
  • 從一個(gè)變量向另一個(gè)變量復(fù)制基本類型的值,會(huì)創(chuàng)建這個(gè)值的一個(gè)副本;
  • 引用類型的值是對(duì)象,保存在隊(duì)中;
  • 包含引用類型值得變量實(shí)際上包含的并不是對(duì)象本身,而是一個(gè)指向?qū)ο蟮闹羔槪?br> 從一個(gè)變量向另一個(gè)變量復(fù)制引用類型值,復(fù)制的其實(shí)是指針,因此兩個(gè)變量最終都指向同一個(gè)對(duì)象;
  • 確定一個(gè)值是那種基本類型可以使用typeof操作符,而確定一個(gè)值是哪種引用類型可以使用instanceof操作符;

所有變量(包括基本類型和引用類型)都存在于一個(gè)執(zhí)行環(huán)境(也稱作用域)當(dāng)中,這個(gè)執(zhí)行環(huán)境決定了變量的生命周期,以及那一部分代碼可以訪問其中的變量。以下是關(guān)于執(zhí)行環(huán)境的幾點(diǎn)總結(jié):

  • 執(zhí)行環(huán)境有全局執(zhí)行環(huán)境(也稱為全局環(huán)境)和函數(shù)執(zhí)行環(huán)境之分;
  • 每次進(jìn)入一個(gè)新執(zhí)行環(huán)境,都會(huì)創(chuàng)建一個(gè)用于搜索變量和函數(shù)的作用域鏈;
  • 函數(shù)的局部環(huán)境不僅有權(quán)訪問函數(shù)作用域中的變量,而且有權(quán)訪問其包含(父)環(huán)境,乃至全局環(huán)境;
  • 全局環(huán)境只能訪問在全局環(huán)境中定義的變量和函數(shù),而不能直接訪問局部環(huán)境中的任何數(shù)據(jù);
  • 變量的執(zhí)行環(huán)境有助于確定應(yīng)該何時(shí)釋放內(nèi)存;

JavaSvript是一門具有自動(dòng)垃圾收集機(jī)制的編程語(yǔ)言,開發(fā)人員不必關(guān)心內(nèi)存分配和回收問題??梢詫?duì)JavaScript的垃圾收集作 如下總結(jié):

  • 離開作用域的值將被自動(dòng)標(biāo)記為可以回收,因此將在垃圾收集期間刪除;
  • “標(biāo)記清除”是目前主流的垃圾收集算法,這 中算法的思想是給當(dāng)前不使用的值加上標(biāo)記,然后再回收其內(nèi)存;
  • 另一種垃圾收集算法是“引用計(jì)數(shù)”,這種算法的思想是跟蹤記錄所有值被引用的次數(shù)。JavaScript引擎目前都不再使用這種算法;但在IE中訪問非原生JavaScript對(duì)象(如DOM元素)時(shí),這種算法仍然可能會(huì)導(dǎo)致問題;
  • 當(dāng)代碼中存在循環(huán)引用現(xiàn)象時(shí),“引用計(jì)數(shù)”算法就會(huì)導(dǎo)致問題;
  • 解除變量的引用不僅有助于消除循環(huán)引用現(xiàn)象,而且對(duì)垃圾收集也有好處。為了確保有效的回收內(nèi)存,應(yīng)該及時(shí)解除不再使用的全局對(duì)象,全局對(duì)象屬性以及循環(huán)引用變量的作用;
五、引用類型
六、面向?qū)ο蟮某绦蛟O(shè)計(jì)
七、函數(shù)表達(dá)式
八、BOM
九、客戶端檢測(cè)
十、DOM
十一、DOM擴(kuò)展
十二、DOM2和DOM3
十三、事件
十四、表單腳本
十五、使用Canvas繪圖
十六、HTML5腳本編程
十七、錯(cuò)誤處理與調(diào)試
十八、JavaScript與XML
十九、E4X
二十、JSON
二十一、Ajax與Comet
二十二、高級(jí)技巧
二十三、離線應(yīng)用與客戶端存儲(chǔ)
二十四、最佳實(shí)踐
二十五、新興的API
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容