JavaScript筆記

1、1997年，ECMA出臺(tái)標(biāo)準(zhǔn)ECMA-262,次年ISO采用ECMAScript作為標(biāo)準(zhǔn)（ISO/IEC-16262）.一個(gè)完整的JavaScript實(shí)現(xiàn)包括了：核心（ECMAScript）文檔對(duì)象模型(DOM)瀏覽器對(duì)象模型(BOM)ECMA-262/規(guī)定了：語(yǔ)法類型語(yǔ)句關(guān)鍵字保留字操作符對(duì)象ECMA-262支持Unicode標(biāo)準(zhǔn)，從而可以多語(yǔ)言開(kāi)發(fā)。什么是ECMAScript兼容ECMA-262給出了ECMAScript兼容的定義。要想成為ECMAScript的實(shí)現(xiàn)，則該實(shí)現(xiàn)必須做到: 支持ECMA-262描述的所有“類型、值、對(duì)象、屬性、函數(shù)以及程序句法和語(yǔ)義”(ECMA-262第1頁(yè))

2、 支持Unicode字符擴(kuò)展此外，兼容的實(shí)現(xiàn)還可以進(jìn)行下列擴(kuò)展。 添加ECMA-262沒(méi)有描述的“更多類型、值、對(duì)象、屬性和函數(shù)”。ECMA-262所說(shuō)的這些新增特性，主要是指該標(biāo)準(zhǔn)中沒(méi)有規(guī)定的新對(duì)象和對(duì)象的新屬性。支持ECMA-262沒(méi)有定義的“程序和正則表達(dá)式語(yǔ)法”(也就是說(shuō)，可以修改和擴(kuò)展內(nèi)置的正則表達(dá)式語(yǔ)法).第二章 在HTML中使用JavaScript1. 元素1). 有6個(gè)屬性值:1. async:可選。表示應(yīng)該立即下載腳本，但不應(yīng)該妨礙頁(yè)面中的其他操作，比如下載其他資源或者等待加載其他腳本。只對(duì)外部文件有效。2. charset:可選。表示通過(guò)src屬性指定的代碼的字符集。由于大

3、多數(shù)瀏覽器會(huì)忽略它的值，因此這個(gè)屬性很少有人用。3. defer:可選。表示腳本可以延遲到文檔完全被解析和顯示之后再執(zhí)行。只對(duì)外部腳本文件有效。IE7及更早版本對(duì)嵌入腳本也支持這個(gè)屬性4. language:已廢棄。原來(lái)用于表示編寫(xiě)代碼使用的腳本語(yǔ)言（如JavaScript,JavaScript1.2或VBScript）。大多數(shù)瀏覽器會(huì)忽略這個(gè)屬性，因此沒(méi)有必要再用了。5. src:可選。表示包含要執(zhí)行代碼的外部文件。6. type:可選?？梢钥闯墒莑anguage的替代屬性;表示編寫(xiě)代碼使用的腳本語(yǔ)言的內(nèi)容類型（也稱為MIME類型）。雖然text/javascript和text/ecmasc

4、ript都已經(jīng)不被推薦使用，但人們一直使用的都還是text/javascript。實(shí)際上，服務(wù)器在傳送JavaScript文件時(shí)使用的MIME類型通常是application/x-javascript，但在type中設(shè)置這個(gè)值卻可能導(dǎo)致腳本被忽略。另外，在非IE瀏覽器中還可以使用以下值:application/javascript和application/ecmascript。考慮到約定俗成和最大限度的瀏覽器兼容性，目前type屬性的值依舊還是text/javascript。不過(guò)，這個(gè)屬性并不是必需的，如果沒(méi)有指定這個(gè)屬性，則其默認(rèn)自仍為text/javascript。使用元素的方式有兩種:直

5、接在頁(yè)面中嵌入JavaScript代碼和包含外部JavaScript文件。在使用嵌入JavaScript代碼時(shí)，記住不要在代碼中的任何地方出現(xiàn)“”字符串。如果要使用”，則應(yīng)該這樣使用:”（轉(zhuǎn)義字符）將放在標(biāo)簽的最后，在解析包含的JavaScript代碼之前，頁(yè)面的內(nèi)容將完全呈現(xiàn)在瀏覽器中。而用戶也會(huì)因?yàn)闉g覽器窗口顯示空白頁(yè)面的時(shí)間縮短而感到打開(kāi)頁(yè)面的速度加快了。 defer屬性：立即下載，但延遲執(zhí)行，只用于外部js文件 defer=”defer”HTMl 4.01為標(biāo)簽定義了defer屬性。這個(gè)屬性的用途是表明腳本在執(zhí)行時(shí)不會(huì)影響頁(yè)面的構(gòu)造。也就是說(shuō)，腳本會(huì)被延遲到整個(gè)頁(yè)面都解析完畢后再運(yùn)行。

6、async屬性:立即下載，延遲執(zhí)行，但不保證順序。元素：用于在不支持JavaScript的瀏覽器中顯示替代的內(nèi)容。這個(gè)元素可以包含能夠穿線在文檔中的任何html元素（元素除外）。1）.瀏覽器不支持腳本2）.瀏覽器支持腳本，但是被禁用這兩種情況才會(huì)呈現(xiàn)的內(nèi)容。第三章 基本概念嚴(yán)格模式下，不可以在局部作用域中定義全局變量第五章 引用類型5.1 Object類型1. 引用類型：引用類型是一種數(shù)據(jù)結(jié)構(gòu)，用于將數(shù)據(jù)和功能組織在一起。它也常被稱為類，但這種稱呼并不妥當(dāng)。盡管ECMAScript從技術(shù)上講是一門(mén)面向?qū)ο蟮恼Z(yǔ)言，但它不具備傳統(tǒng)的面向?qū)ο笳Z(yǔ)言所支持的類和接口等基本結(jié)構(gòu)。引用類型有時(shí)候也被稱為對(duì)象

7、定義，因?yàn)樗鼈兠枋龅氖且活悓?duì)象所具有的屬性和方法。2. 創(chuàng)建Object實(shí)例有三種方式1). var person = new Object(); = “NIcholas”; person.age = 29;2). var person = name : “Nicholas”, age : 293). var person = ;/不推薦使用這種方式 =”Nicholas”; person.age = 29;3. 在通過(guò)對(duì)象字面量定義對(duì)象時(shí)，不會(huì)調(diào)用Object構(gòu)造函數(shù)。4. 一般來(lái)說(shuō)，訪問(wèn)對(duì)象屬性時(shí)使用的都是點(diǎn)表示法，這也是很多面向?qū)ο笳Z(yǔ)言中通用

8、的語(yǔ)法。不過(guò)，在JavaScript中也可以使用方括號(hào)表示法來(lái)訪問(wèn)對(duì)象的屬性。在使用方括號(hào)語(yǔ)法時(shí)，應(yīng)該將要訪問(wèn)的屬性以字符串的形式放在方括號(hào)中，如：alert(person“name”);另外，以方括號(hào)表示法訪問(wèn)對(duì)象的屬性時(shí)，屬性名稱可以是變量，而點(diǎn)表示法不能是變量。如果屬性名字中包含會(huì)導(dǎo)致語(yǔ)法錯(cuò)誤的字符，或者屬性名使用的是關(guān)鍵字和保留字，也可以使用方括號(hào)表示法。5.2 Array類型1. ECMAScript數(shù)組的每一項(xiàng)可以保存任何類型的數(shù)據(jù)。2. 創(chuàng)建數(shù)組的方式有兩種:1). var colors = new Array();var colors = new Array(20);/創(chuàng)建長(zhǎng)度

9、為20的數(shù)組var colors = new Array(“color”,9,8);/創(chuàng)建長(zhǎng)度為3的數(shù)組，數(shù)組為“color”,8,92). var color =“”,”,”;/創(chuàng)建長(zhǎng)度為3的數(shù)組 var color =,;/可能創(chuàng)建長(zhǎng)度為5也可能為6的數(shù)組3. 數(shù)組的項(xiàng)數(shù)保存在其length屬性中，這個(gè)屬性始終會(huì)返回0或更大的值。且會(huì)實(shí)時(shí)更新4. 檢測(cè)數(shù)組1). 對(duì)于一個(gè)全局作用域而言，使用instanceof操作符就能得到滿意的結(jié)果。2). ECMAScript5新增了Array.isArray()方法。這個(gè)方法的目的是最終確定某個(gè)值到底是不是數(shù)組，而不管它是在哪個(gè)全局執(zhí)行環(huán)境中創(chuàng)建的。

10、5. 轉(zhuǎn)換方法1). toString(),toLocaleString(),valueOf()調(diào)用toString()方法會(huì)返回由數(shù)組中每個(gè)值的字符串形式拼接而成的一個(gè)以逗號(hào)分隔的字符串。valueOf()返回的還是數(shù)組。調(diào)用數(shù)組的toLocaleString()方法會(huì)調(diào)用數(shù)組中項(xiàng)的toLocaleString()方法2). 棧方法：push(),pop()push()可以接受任意數(shù)量的參數(shù)，把他們逐個(gè)添加到數(shù)組末尾pop()從數(shù)組末尾一出最后一項(xiàng)3). 隊(duì)列方法 shift(),unshift()shit()移除數(shù)組中的第一個(gè)項(xiàng)并返回該項(xiàng)unshift()在數(shù)組前端添加任意個(gè)項(xiàng)，并返回新數(shù)

11、組的長(zhǎng)度。6. 重排序方法1). reverse()方法使數(shù)組倒序2). sort()1. 在默認(rèn)情況下，sort()方法按升序排列數(shù)組即最小的值排在最后面，為了實(shí)現(xiàn)排序，sort()方法會(huì)調(diào)用每個(gè)數(shù)組項(xiàng)的toString()方法，然后比較得到的字符串來(lái)確定如何排序。2. sort()方法可以接受一個(gè)比較函數(shù)，以便于我們指定哪一個(gè)值位于哪一個(gè)的前面function compare(a,b)if(ab)return -1;var values = 0,1,5,10,15;values.sort(compare);alert(values);/15,10,5,1,07. 操作方法1). conca

12、t() 基于當(dāng)前數(shù)組中的所有項(xiàng)，創(chuàng)建一個(gè)新數(shù)組。這個(gè)方法會(huì)先創(chuàng)建當(dāng)前數(shù)組的一個(gè)副本，然后將接收到的參數(shù)添加到這個(gè)副本的末尾，最后返回新構(gòu)建的數(shù)組。在沒(méi)有個(gè)concat()方法傳遞參數(shù)的情況下，它只是復(fù)制當(dāng)前數(shù)組并返回副本。如果傳遞給concat()方法的是一個(gè)或者多個(gè)數(shù)組，則該方法會(huì)將這些數(shù)組中的每一項(xiàng)都添加到結(jié)果數(shù)組中。如果傳遞的不是數(shù)組。這些值就會(huì)被簡(jiǎn)單的添加到結(jié)果數(shù)組的末尾。2). slice() 基于當(dāng)前數(shù)組中的一個(gè)或者多個(gè)項(xiàng)創(chuàng)建新數(shù)組slice()可以接受一個(gè)或兩個(gè)參數(shù)。只有一個(gè)參數(shù)時(shí)，返回參數(shù)指定位置開(kāi)始到當(dāng)前數(shù)組末尾的所有項(xiàng)。如果有兩個(gè)參數(shù)，該方法返回起始和結(jié)束位置之間的項(xiàng)，但不

13、包括結(jié)束位置的項(xiàng)。3). splice() 多種用法刪除: 可以刪除任意數(shù)量的項(xiàng)，只需指定2個(gè)參數(shù)：要?jiǎng)h除的第一項(xiàng)的位置和要?jiǎng)h除的項(xiàng)數(shù)。插入: 可以向指定的位置插入任意數(shù)量的項(xiàng)，只需提供3個(gè)參數(shù)：起始位置、0（要?jiǎng)h除的項(xiàng)數(shù)）和要插入的項(xiàng)數(shù)。如果要插入多個(gè)項(xiàng)，可以再傳入第四、五以至任意多個(gè)項(xiàng)替換: 可以向指定位置插入任意數(shù)量的項(xiàng)，且同時(shí)刪除任意數(shù)量的項(xiàng)，只需指定3個(gè)參數(shù):起始位置、要插入的項(xiàng)數(shù)和要插入的任意數(shù)量的項(xiàng)。插入的項(xiàng)數(shù)不必與刪除的項(xiàng)數(shù)相等。8. 位置方法1). indexof() lastIndexOf()這兩個(gè)方法都接受兩個(gè)參數(shù): 要查找的項(xiàng)和(可選的)表示查找起點(diǎn)位置的索引。inde

14、xOf()從數(shù)組的開(kāi)頭開(kāi)始向后查找lastIndexOf()從數(shù)組的末尾開(kāi)始向前查找9. 迭代方法ECMAScript為數(shù)組定義了5個(gè)迭代方法。每個(gè)方法都接收兩個(gè)參數(shù):要在每一項(xiàng)上運(yùn)行的函數(shù)和(可選的)運(yùn)行該函數(shù)的作用域?qū)ο笥绊憈his的值。傳入這些方法中的函數(shù)會(huì)接受三個(gè)參數(shù):數(shù)組項(xiàng)的值，該項(xiàng)在數(shù)組中的位置和數(shù)組對(duì)象本身。1). every()對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)，如果該函數(shù)對(duì)每一項(xiàng)都返回true則返回true2). filter()對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)，返回該函數(shù)會(huì)返回true的項(xiàng)組成的數(shù)組3). forEach()對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)，這個(gè)方法沒(méi)有返回值4). ma

15、p()對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)，返回每次函數(shù)調(diào)用結(jié)果組成的數(shù)組5). some()對(duì)數(shù)組中的每一項(xiàng)運(yùn)行給定函數(shù)，如果該函數(shù)對(duì)任一項(xiàng)返回true則返回true10. 歸并方法1). reduce()接受兩個(gè)參數(shù)：一個(gè)在每一項(xiàng)上調(diào)用的函數(shù)和(可選的)作為歸并基礎(chǔ)的初始值傳給reduce()的函數(shù)接收4個(gè)參數(shù):前一個(gè)值、當(dāng)前值、項(xiàng)的索引和數(shù)組對(duì)象。這個(gè)函數(shù)返回的任何值都會(huì)作為第一個(gè)參數(shù)自動(dòng)傳給下一項(xiàng)。從數(shù)組的第一項(xiàng)開(kāi)始，逐個(gè)遍歷到最后。2). reduceRight();接受兩個(gè)參數(shù)：一個(gè)在每一項(xiàng)上調(diào)用的函數(shù)和(可選的)作為歸并基礎(chǔ)的初始值傳給reduce()的函數(shù)接收4個(gè)參數(shù):前一個(gè)值、當(dāng)前值

16、、項(xiàng)的索引和數(shù)組對(duì)象。這個(gè)函數(shù)返回的任何值都會(huì)作為第一個(gè)參數(shù)自動(dòng)傳給下一項(xiàng)。從數(shù)組的最后一項(xiàng)開(kāi)始，逐個(gè)遍歷到第一項(xiàng)。5.3 Date類型1. Date類型使用自UTC(Coordinated Universal Time 國(guó)際協(xié)調(diào)時(shí)間)1970年1月1日午夜（零時(shí)）開(kāi)始經(jīng)過(guò)的毫秒數(shù)來(lái)保存日期。在使用這種數(shù)據(jù)存儲(chǔ)格式的條件下，Date類型保存的日期能夠精確到1970年1月1日之前或之后的285616年2. 創(chuàng)建一個(gè)日期對(duì)象，使用new操作符和Date構(gòu)造函數(shù)即可，var now = new Date();在不傳遞參數(shù)的情況下，自動(dòng)獲得當(dāng)前日期和時(shí)間。如果想根據(jù)特定的日期和時(shí)間創(chuàng)建日期對(duì)象，必須傳

17、入該日期的毫秒數(shù)。3. Date.parse()返回表示日期的毫秒數(shù) Date.UTC()返回表示日期的毫秒數(shù)日期的格式:（Date.parse()）1). “月/日/年”,如”6/13/2015”2). “英文月名,日,年”，如“January 15, 2016”3). “英文星期幾 英文月名 日 年 時(shí):分:秒”,如”Tue May 25 2015 00:00:00 GMT-0700”4). ISO 8601擴(kuò)展格式 YYYY-MM-DDTHH:mm:ss.ssZ,例如(2015-05-25T00:00:00),只有兼容ECMAScript5的實(shí)現(xiàn)支持這種格式。5). “年/月/日”，”日

18、/月/年“也可以。例如：Date.parse(“May 25,2015”);Date.UTC()的參數(shù)分別是年份，基于0的月份(0表示1月)，月中的哪一天（1到31）小時(shí)數(shù)（023），分鐘，秒以及毫秒數(shù)。只有前兩個(gè)參數(shù)是必須的。例如：Date.UTC(2015,3,25,15,00,00);4.now()返回表示調(diào)用這個(gè)方法時(shí)的日期和時(shí)間的毫秒數(shù)。toString()返回帶有時(shí)區(qū)信息的日期和時(shí)間toLocaleString()返回與瀏覽器設(shè)置的地區(qū)相適應(yīng)的格式的時(shí)間toDateString()以特定于實(shí)現(xiàn)的格式顯示星期幾、月、日和年toTimeString()以特定于實(shí)現(xiàn)的格式顯示時(shí)、分、秒和

19、時(shí)區(qū)toLocaleDateString()以特定于地區(qū)的格式顯示星期幾、月、日和年toLocaleTimeString()以特定于地區(qū)的格式顯示時(shí)、分、秒和時(shí)區(qū)toUTCString()以特定于實(shí)現(xiàn)的格式完整的UTC日期getTime()返回表示日期的毫秒數(shù)setTime()以毫秒數(shù)設(shè)置日期getFullYear()取得4位數(shù)的年份（2007而不是07）getUTCFullYear()返回UTC日期的4位數(shù)年份setFullYear(年)設(shè)置日期的年份（傳入4位數(shù)）setUTCFullYear(年)設(shè)置UTC日期的年份getMonth()返回日期中的月份getUTCMonth()返回UTC日

20、期的月份setMonth(月)設(shè)置日期中的月份，（0表示1月，超過(guò)11自動(dòng)增加年份）setUTCMonth(月)設(shè)置日期中的月份，（0表示1月，超過(guò)11自動(dòng)增加年份）getDate()返回日期中的天數(shù)（1到31）getUTCDate()返回UTC日期中的天數(shù)setDate(日)設(shè)置日期中的天數(shù)（如果超過(guò)該月份應(yīng)有的日期就增加月份）setUTCDate(日)設(shè)置UTC日期中的天數(shù)（如果超過(guò)月份應(yīng)有的日期就增加月份）getDay()返回日期中星期的星期幾（不可設(shè)置）getUTCDay()返回UTC日期中星期的星期幾（不可設(shè)置）getHours()返回日期中的小時(shí)數(shù)（023）getUTCHours(

21、)返回UTC日期中的小時(shí)數(shù)（023）setHours(時(shí))設(shè)置日期中的小時(shí)數(shù)（超過(guò)23則增加天數(shù)）setUTCHours(時(shí))設(shè)置UTC日期中的小時(shí)數(shù)（超過(guò)23則增加天數(shù)）getMinutes()返回日期中的分鐘數(shù)getUTCMinutes()返回UTC日期中的分鐘數(shù)setMinutes(分)設(shè)置日期中的分鐘數(shù)（如果超過(guò)了59，就會(huì)增加時(shí)鐘數(shù)）setUTCMinutes(分)設(shè)置UTC日期中的分鐘數(shù)（如果超過(guò)了59，就會(huì)增加時(shí)鐘數(shù)）getSeconds()返回日期中的秒數(shù)getUTCSeconds()返回UTC日期中的秒數(shù)setSeconds(秒)設(shè)置日期中的秒數(shù)（如果超過(guò)了59，就會(huì)增加分鐘數(shù)）setUTCSeconds(秒)設(shè)置UTC日期中的秒數(shù)（如果超過(guò)了59，就會(huì)增加分鐘數(shù)）getMil