1992年Nombas開(kāi)發(fā)出C-minus-minus(C--)的嵌入式腳本語(yǔ)言(最初綁定在CEnvi軟件中).后將其改名ScriptEase.(客戶端執(zhí)行的語(yǔ)言)
Netscape(網(wǎng)景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0產(chǎn)品中開(kāi)發(fā)出一套livescript的腳本語(yǔ)言.Sun和Netscape共同完成.后改名叫Javascript
微軟隨后模仿在其IE3.0的產(chǎn)品中搭載了一個(gè)JavaScript的克隆版叫Jscript.
為了統(tǒng)一三家,ECMA(歐洲計(jì)算機(jī)制造協(xié)會(huì))定義了ECMA-262規(guī)范.國(guó)際標(biāo)準(zhǔn)化組織及國(guó)際電工委員會(huì)（ISO/IEC）也采納 ECMAScript 作為標(biāo)準(zhǔn)（ISO/IEC-16262）。從此，Web 瀏覽器就開(kāi)始努力（雖然有著不同的程度的成功和失?。?ECMAScript 作為 JavaScript 實(shí)現(xiàn)的基礎(chǔ)。EcmaScript是規(guī)范.
盡管 ECMAScript 是一個(gè)重要的標(biāo)準(zhǔn)，但它并不是 JavaScript 唯一的部分，當(dāng)然，也不是唯一被標(biāo)準(zhǔn)化的部分。
實(shí)際上，一個(gè)完整的 JavaScript 實(shí)現(xiàn)是由以下 3 個(gè)不同部分組成的：
核心（ECMAScript）
文檔對(duì)象模型（DOM） Document object model (整合js，css，html)
瀏覽器對(duì)象模型（BOM） Broswer object model（整合js和瀏覽器）
Javascript 在開(kāi)發(fā)中絕大多數(shù)情況是基于對(duì)象的.也是面向?qū)ο蟮?
ECMAScript 描述了以下內(nèi)容：
語(yǔ)法
類型
語(yǔ)句
關(guān)鍵字
保留字
運(yùn)算符
對(duì)象 (封裝 繼承 多態(tài)) 基于對(duì)象的語(yǔ)言.使用對(duì)象.
1、JavaScript代碼存在形式
1 2 3 4 5 6 7 | <!-- 方式一 --><script type="text/javascript" src="JS文件"></script> <!-- 方式二 --><script type="=text/javascript"> Js代碼內(nèi)容...</script> |
2、JavaScript代碼存放位置
HTML的head中
HTML的body代碼塊底部(推薦)
由于Html代碼是從上到下執(zhí)行，如果Head中的js代碼耗時(shí)嚴(yán)重，就會(huì)導(dǎo)致用戶長(zhǎng)時(shí)間無(wú)法看到頁(yè)面；
如果放置在body代碼塊底部，那么即使js代碼耗時(shí)嚴(yán)重，也不會(huì)影響用戶看到頁(yè)面效果，只是js實(shí)現(xiàn)特效慢而已。
JavaScript中變量的聲明是一個(gè)非常容易出錯(cuò)的點(diǎn)，局部變量必須一個(gè) var 開(kāi)頭，如果未使用var，則默認(rèn)表示聲明的是全局變量。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <script type="text/javascript"> // 全局變量 name = 'seven'; function func(){ // 局部變量 var age = 18; // 全局變量 gender = "男" }</script> |
JavaScript中代碼注釋：
單行 //
多行 /* */
注意：此注釋僅在Script塊中生效。
JavaScript中代碼末尾需要加上 ; ,不添加也可以,不推薦,防止代碼壓縮帶來(lái)的錯(cuò)誤!
書(shū)寫(xiě)規(guī)范：
Camel 標(biāo)記法首字母是小寫(xiě)的，接下來(lái)的字母都以大寫(xiě)字符開(kāi)頭。例如：var myTestValue = 0, mySecondValue = "hi";Pascal 標(biāo)記法首字母是大寫(xiě)的，接下來(lái)的字母都以大寫(xiě)字符開(kāi)頭。例如：Var MyTestValue = 0, MySecondValue = "hi";匈牙利類型標(biāo)記法在以 Pascal 標(biāo)記法命名的變量前附加一個(gè)小寫(xiě)字母（或小寫(xiě)字母序列），說(shuō)明該變量的類型。例如，i 表示整數(shù)，s 表示字符串，如下所示“Var iMyTestValue = 0, sMySecondValue = "hi";
標(biāo)識(shí)符：
由不以數(shù)字開(kāi)頭的字母、數(shù)字、下劃線(_)、美元符號(hào)($)組成
常用于表示函數(shù)、變量等的名稱
例如：_abc,$abc,abc,abc123是標(biāo)識(shí)符，而1abc不是
JavaScript語(yǔ)言中代表特定含義的詞稱為保留字，不允許程序再定義為標(biāo)識(shí)符
JavaScript 中的數(shù)據(jù)類型分為基本數(shù)據(jù)類型和引用數(shù)據(jù)類型：
特別的:數(shù)字、布爾值、null、undefined、字符串是不可變,會(huì)重新在內(nèi)存中創(chuàng)建一份。
1、數(shù)字（Number）
JavaScript中不區(qū)分整數(shù)值和浮點(diǎn)數(shù)值，JavaScript中所有數(shù)字均用浮點(diǎn)數(shù)值表示。
創(chuàng)建:
num = 123; 直接創(chuàng)建一個(gè)原始值
num = new Number(123); 根據(jù)Number類創(chuàng)建一個(gè)對(duì)象
轉(zhuǎn)換：
parseInt(..) 將某值轉(zhuǎn)換成數(shù)字，不成功則NaN
parseFloat(..) 將某值轉(zhuǎn)換成浮點(diǎn)數(shù)，不成功則NaN
特殊值：
NaN，非數(shù)字?？墒褂?isNaN(num) 來(lái)判斷。
Infinity，無(wú)窮大?？墒褂?isFinite(num) 來(lái)判斷。
更多數(shù)值計(jì)算：
2、字符串（String）
字符串是由字符組成的數(shù)組，但在JavaScript中字符串是不可變的：可以訪問(wèn)字符串任意位置的文本，但是JavaScript并未提供修改已知字符串內(nèi)容的方法。
是由Unicode字符、數(shù)字、標(biāo)點(diǎn)符號(hào)組成的序列
字符串常量首尾由單引號(hào)或雙引號(hào)括起
JavaScript中沒(méi)有字符類型
常用特殊字符在字符串中的表達(dá)
字符串中部分特殊字符必須加上右劃線\
常用的轉(zhuǎn)義字符 \n:換行 \':單引號(hào) \":雙引號(hào) \\:右劃線
1 2 3 4 | <script> var str="\u4f60\u597d\n歡迎來(lái)到\"JavaScript世界\""; alert(str);</script> |
常見(jiàn)功能：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | obj.length 長(zhǎng)度 obj.trim() 移除空白obj.trimLeft()obj.trimRight)obj.charAt(n) 返回字符串中的第n個(gè)字符obj.concat(value, ...) 拼接obj.indexOf(substring,start) 子序列位置obj.lastIndexOf(substring,start) 子序列位置obj.substring(from, to) 根據(jù)索引獲取子序列obj.slice(start, end) 切片obj.toLowerCase() 大寫(xiě)obj.toUpperCase() 小寫(xiě)obj.split(delimiter, limit) 分割obj.search(regexp) 從前往后找，返回匹配成功的第一個(gè)位置(g無(wú)效)obj.match(regexp) 全局搜索，如果正則中有g(shù)表示找到全部，否則只找到第一個(gè)。obj.replace(regexp, replacement) 替換，正則中有g(shù)則替換所有，否則只替換第一個(gè)匹配項(xiàng)， $數(shù)字：匹配的第n個(gè)組內(nèi)容； $&：當(dāng)前匹配的內(nèi)容； $`：位于匹配子串左側(cè)的文本； $'：位于匹配子串右側(cè)的文本 $$：直接量$符號(hào) |
3、布爾類型（Boolean）
布爾類型僅包含真假，與Python不同的是其首字母小寫(xiě)。
== 比較值相等
!= 不等于
=== 比較值和類型相等
!=== 不等于
|| 或
&& 且
if(temp){ console.log("aaaaa") // temp : new Object() , [] }else { console.log("bbbbb") // temp : false , 0 , null , undefined }
4、數(shù)組
JavaScript中的數(shù)組類似于Python中的列表
常見(jiàn)功能：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | obj.length 數(shù)組的大小 obj.push(ele) 尾部追加元素obj.pop() 尾部獲取一個(gè)元素obj.unshift(ele) 頭部插入元素obj.shift() 頭部移除元素obj.splice(start, deleteCount, value, ...) 插入、刪除或替換數(shù)組的元素 obj.splice(n,0,val) 指定位置插入元素 obj.splice(n,1,val) 指定位置替換元素 obj.splice(n,1) 指定位置刪除元素obj.slice( ) 切片obj.reverse( ) 反轉(zhuǎn)obj.join(sep) 將數(shù)組元素連接起來(lái)以構(gòu)建一個(gè)字符串obj.concat(val,..) 連接數(shù)組obj.sort( ) 對(duì)數(shù)組元素進(jìn)行排序 |
加(＋)、 減(－)、 乘(*) 、除(/) 、余數(shù)(% ) 加、減、乘、除、余數(shù)和數(shù)學(xué)中的運(yùn)算方法一樣 例如：9/2=4.5，4*5=20，9%2=1
- 除了可以表示減號(hào)還可以表示負(fù)號(hào) 例如：x=-y
+除了可以表示加法運(yùn)算還可以用于字符串的連接 例如："abc"+"def"="abcdef"
遞增(＋＋) 、遞減(－－)
假如x=2，那么x++表達(dá)式執(zhí)行后的值為3，x--表達(dá)式執(zhí)行后的值為1
i++相當(dāng)于i=i+1，i--相當(dāng)于i=i-1
遞增和遞減運(yùn)算符可以放在變量前也可以放在變量后：--i
一元加減法：
var a = 1; var b = 1; a = -a; //a=-1 var c = "10"; c = +c; //類型轉(zhuǎn)換 var d = "eric"; d = +d; alert(d); //NaN: 屬于Number類型的一個(gè)特殊值,當(dāng)遇到將字符串轉(zhuǎn)成數(shù)字無(wú)效時(shí),就會(huì)得到一個(gè)NaN數(shù)據(jù) alert(typeof(d)); // Number //NaN特點(diǎn): var n=NaN; alert(n>3); alert(n<3); alert(n==3); alert(n==NaN); alert(n!=NaN); //NaN參與的所有的運(yùn)算都是false,除了!=
等于 ( == ) 、不等于( != ) 、 大于( > ) 、 小于( < ) ?大于等于(>=) 、小于等于(<=)與 (&&) 、或(||) 、非(!)1 && 1 = 1 1 || 1 = 11 && 0 = 0 1 || 0 = 10 && 0 = 0 0 || 0 = 0!0=1!1=0
邏輯 AND 運(yùn)算符(&&)
邏輯 AND 運(yùn)算的運(yùn)算數(shù)可以是任何類型的，不止是 Boolean 值。
如果某個(gè)運(yùn)算數(shù)不是原始的 Boolean 型值，邏輯 AND 運(yùn)算并不一定返回 Boolean 值：
如果某個(gè)運(yùn)算數(shù)是 null，返回 null。
如果某個(gè)運(yùn)算數(shù)是 NaN，返回 NaN。
如果某個(gè)運(yùn)算數(shù)是 undefined，返回undefined。
邏輯 OR 運(yùn)算符(||)
與邏輯 AND 運(yùn)算符相似，如果某個(gè)運(yùn)算數(shù)不是 Boolean 值，邏輯 OR 運(yùn)算并不一定返回 Boolean 值
執(zhí)行類型轉(zhuǎn)換的規(guī)則如下：
如果一個(gè)運(yùn)算數(shù)是 Boolean 值，在檢查相等性之前，把它轉(zhuǎn)換成數(shù)字值。false 轉(zhuǎn)換成 0，true 為 1。
如果一個(gè)運(yùn)算數(shù)是字符串，另一個(gè)是數(shù)字，在檢查相等性之前，要嘗試把字符串轉(zhuǎn)換成數(shù)字。
如果一個(gè)運(yùn)算數(shù)是對(duì)象，另一個(gè)是字符串，在檢查相等性之前，要嘗試把對(duì)象轉(zhuǎn)換成字符串。
如果一個(gè)運(yùn)算數(shù)是對(duì)象，另一個(gè)是數(shù)字，在檢查相等性之前，要嘗試把對(duì)象轉(zhuǎn)換成數(shù)字。
在比較時(shí)，該運(yùn)算符還遵守下列規(guī)則：
值 null 和 undefined 相等。
在檢查相等性時(shí)，不能把 null 和 undefined 轉(zhuǎn)換成其他值。
如果某個(gè)運(yùn)算數(shù)是 NaN，等號(hào)將返回 false，非等號(hào)將返回 true。
如果兩個(gè)運(yùn)算數(shù)都是對(duì)象，那么比較的是它們的引用值。如果兩個(gè)運(yùn)算數(shù)指向同一對(duì)象，那么等號(hào)返回 true，否則兩個(gè)運(yùn)算數(shù)不等。
1 2 | var bResult = "Blue" < "alpha";alert(bResult); //輸出 true |
在上面的例子中，字符串 "Blue" 小于 "alpha"，因?yàn)樽帜?B 的字符代碼是 66，字母 a 的字符代碼是 97。
比較數(shù)字和字符串
1 2 | var bResult = "25" < 3;alert(bResult); //輸出 "false" |
比較運(yùn)算符兩側(cè)如果一個(gè)是數(shù)字類型,一個(gè)是其他類型,會(huì)將其類型轉(zhuǎn)換成數(shù)字類型.
比較運(yùn)算符兩側(cè)如果都是字符串類型,比較的是最高位的asc碼,如果最高位相等,繼續(xù)取第二位比較.
1、序列化
JSON.stringify(obj) 序列化
JSON.parse(str) 反序列化
2、轉(zhuǎn)義
decodeURI( ) URl中未轉(zhuǎn)義的字符
decodeURIComponent( ) URI組件中的未轉(zhuǎn)義字符
encodeURI( ) URI中的轉(zhuǎn)義字符
encodeURIComponent( ) 轉(zhuǎn)義URI組件中的字符 #全部轉(zhuǎn)義,不僅是最后的值
escape( ) 對(duì)字符串轉(zhuǎn)義
unescape( ) 給轉(zhuǎn)義字符串解碼
URIError 由URl的編碼和解碼方法拋出
3、eval
JavaScript中的eval是Python中eval和exec的合集，既可以編譯代碼也可以獲取返回值。
eval()
EvalError 執(zhí)行字符串中的JavaScript代碼
4、正則表達(dá)式
1、定義正則表達(dá)式
/.../ 用于定義正則表達(dá)式
/.../g 表示全局匹配
/.../i 表示不區(qū)分大小寫(xiě)
/.../m 表示多行匹配
JS正則匹配時(shí)本身就是支持多行，此處多行匹配只是影響正則表達(dá)式^和$，m模式也會(huì)使用^$來(lái)匹配換行的內(nèi)容)
1 2 3 4 5 | var pattern = /^Java\w*/gm;var text = "JavaScript is more fun than \nJavaEE or JavaBeans!";result = pattern.exec(text)result = pattern.exec(text)result = pattern.exec(text) |
注：定義正則表達(dá)式也可以 reg= new RegExp()
2、匹配
JavaScript中支持正則表達(dá)式，其主要提供了兩個(gè)功能：
1 2 3 4 5 | n = 'uui99sdf'reg = /\d+/reg.test(n) ---> true # 只要正則在字符串中存在就匹配，如果想要開(kāi)頭和結(jié)尾匹配的話，就需要在正則前后加 ^和$ |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | 獲取正則表達(dá)式匹配的內(nèi)容，如果未匹配，值為null，否則，獲取匹配成功的數(shù)組。 非全局模式 獲取匹配結(jié)果數(shù)組，注意：第一個(gè)元素是第一個(gè)匹配的結(jié)果，后面元素是正則子匹配（正則內(nèi)容分組匹配） var pattern = /\bJava\w*\b/; var text = "JavaScript is more fun than Java or JavaBeans!"; result = pattern.exec(text) var pattern = /\b(Java)\w*\b/; var text = "JavaScript is more fun than Java or JavaBeans!"; result = pattern.exec(text) 全局模式 需要反復(fù)調(diào)用exec方法，來(lái)一個(gè)一個(gè)獲取結(jié)果，直到匹配獲取結(jié)果為null表示獲取完畢 var pattern = /\bJava\w*\b/g; var text = "JavaScript is more fun than Java or JavaBeans!"; result = pattern.exec(text) var pattern = /\b(Java)\w*\b/g; var text = "JavaScript is more fun than Java or JavaBeans!"; result = pattern.exec(text) |
3、字符串中相關(guān)方法
1 2 3 4 5 6 7 8 | obj.search(regexp) 獲取索引位置，搜索整個(gè)字符串，返回匹配成功的第一個(gè)位置(g模式無(wú)效)obj.match(regexp) 獲取匹配內(nèi)容，搜索整個(gè)字符串，獲取找到第一個(gè)匹配內(nèi)容，如果正則是g模式找到全部obj.replace(regexp, replacement) 替換匹配替換，正則中有g(shù)則替換所有，否則只替換第一個(gè)匹配項(xiàng)， $數(shù)字：匹配的第n個(gè)組內(nèi)容； $&：當(dāng)前匹配的內(nèi)容； $`：位于匹配子串左側(cè)的文本； $'：位于匹配子串右側(cè)的文本 $$：直接量$符號(hào) |
5、時(shí)間處理
JavaScript中提供了時(shí)間相關(guān)的操作，時(shí)間操作中分為兩種時(shí)間：
時(shí)間統(tǒng)一時(shí)間
本地時(shí)間（東8區(qū)）
更多操作參見(jiàn)：http://www.shouce.ren/api/javascript/main.html
1、條件語(yǔ)句
JavaScript中支持兩個(gè)條件語(yǔ)句，分別是：if 和 switch
2、循環(huán)語(yǔ)句
JavaScript中支持三種循環(huán)語(yǔ)句，分別是：
3、異常處理
1 2 3 4 5 6 7 8 9 10 | try { //這段代碼從上往下運(yùn)行，其中任何一個(gè)語(yǔ)句拋出異常該代碼塊就結(jié)束運(yùn)行}catch (e) { // 如果try代碼塊中拋出了異常，catch代碼塊中的代碼就會(huì)被執(zhí)行。 //e是一個(gè)局部變量，用來(lái)指向Error對(duì)象或者其他拋出的對(duì)象}finally { //無(wú)論try中代碼是否有異常拋出（甚至是try代碼塊中有return語(yǔ)句），finally代碼塊中始終會(huì)被執(zhí)行。} |
注：主動(dòng)跑出異常 throw Error('xxxx')
1、基本函數(shù)
JavaScript中函數(shù)基本上可以分為一下三類：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | // 普通函數(shù) function func(arg){ return true; } // 匿名函數(shù) var func = function(arg){ return "tony"; } // 自執(zhí)行函數(shù) (function(arg){ console.log(arg); })('123') |
注意：對(duì)于JavaScript中函數(shù)參數(shù)，實(shí)際參數(shù)的個(gè)數(shù)可能小于形式參數(shù)的個(gè)數(shù)，函數(shù)內(nèi)的特殊值arguments中封裝了所有實(shí)際參數(shù)。
2、作用域
JavaScript中每個(gè)函數(shù)都有自己的作用域，當(dāng)出現(xiàn)函數(shù)嵌套時(shí)，就出現(xiàn)了作用域鏈。當(dāng)內(nèi)層函數(shù)使用變量時(shí)，會(huì)根據(jù)作用域鏈從內(nèi)到外一層層的循環(huán)，如果不存在，則異常。
切記：所有的作用域在創(chuàng)建函數(shù)且未執(zhí)行時(shí)候就已經(jīng)存在。
1 2 3 4 5 6 7 8 9 10 11 | function f2(){ var arg= 111; function f3(){ console.log(arg); } return f3;} ret = f2();ret(); |
注：聲明提前，在JavaScript引擎“預(yù)編譯”時(shí)進(jìn)行。
更多：http://www.cnblogs.com/5poi/articles/6354056.html
3、閉包
閉包是指可以包含自由（未綁定到特定對(duì)象）變量的代碼塊。
「閉包」，是指擁有多個(gè)變量和綁定了這些變量的環(huán)境的表達(dá)式（通常是一個(gè)函數(shù)），因而這些變量也是該表達(dá)式的一部分。
閉包是個(gè)函數(shù)，而它「記住了周圍發(fā)生了什么」。表現(xiàn)為由「一個(gè)函數(shù)」體中定義了「另個(gè)函數(shù)」
由于作用域鏈只能從內(nèi)向外找，默認(rèn)外部無(wú)法獲取函數(shù)內(nèi)部變量。閉包，在外部獲取函數(shù)內(nèi)部的變量。
1 2 3 4 5 6 7 8 9 10 | function f2(){ var arg= [11,22]; function f3(){ return arg; } return f3;} ret = f2();ret(); |
4、面向?qū)ο?/strong>
1 2 3 4 5 6 7 8 9 10 11 | function Foo (name,age) { this.Name = name; this.Age = age; this.Func = function(arg){ return this.Name + arg; }} var obj = new Foo('alex', 18);var ret = obj.Func("sb");console.log(ret); |
對(duì)于上述代碼需要注意：
Foo充當(dāng)?shù)臉?gòu)造函數(shù)
this代指對(duì)象
創(chuàng)建對(duì)象時(shí)需要使用 new
上述代碼中每個(gè)對(duì)象中均保存了一個(gè)相同的Func函數(shù)，從而浪費(fèi)內(nèi)存。使用原型可以解決該問(wèn)題：
1 2 3 4 5 6 7 8 9 10 11 12 | function Foo (name,age) { this.Name = name; this.Age = age;}Foo.prototype = { GetInfo: function(){ return this.Name + this.Age }, Func : function(arg){ return this.Name + arg; }} |
聯(lián)系客服
