一、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)引用變量的作用;