JavaScript之入門(mén)寶典.pptx

破JavaScript，而后立,趙子?xùn)| T+研發(fā)本部,暢捷通信息技術(shù)股份有限公司2013年8月,目錄,1.關(guān)于JavaScript 2.基礎(chǔ) 3.其它 4.推薦閱讀,1.1 關(guān)于JavaScript 始于1995,1995年，Brendan說(shuō)服Netscape的老板說(shuō)在netscape中需要一個(gè)屬于自己的腳本語(yǔ)言，在考察了Scheme和Java之 后，10天之內(nèi)，Brendan實(shí)現(xiàn)了JavaScript引擎的基本原型。,1.2 JavaScript引擎,Mozilla SpiderMonkey，第一款JavaScript引擎，由Brendan Eich在Netscape Communications時(shí)編寫(xiě)，用于Mozilla Firefox 1.03.0版本。 Rhino，由Mozilla基金會(huì)管理，開(kāi)放源代碼，完全以Java編寫(xiě)。 TraceMonkey，基于實(shí)時(shí)編譯的引擎，其中部份代碼取自Tamarin引擎，用于Mozilla Firefox 3.53.6版本。 JaegerMonkey，德文Jger原意為獵人，結(jié)合追蹤和組合碼技術(shù)大幅提高性能，部分技術(shù)借鑿了V8、JavaScriptCore、WebKit，用于Mozilla Firefox 4.0以上版本。 IonMonkey，可以對(duì)JavaScript編譯后的結(jié)果進(jìn)行優(yōu)化，用于Mozilla Firefox 18.0以上版本。 OdinMonkey，可以對(duì)asm.js進(jìn)行優(yōu)化，用于Mozilla Firefox 22.0以上版本。 Google V8，開(kāi)放源代碼，由Google丹麥開(kāi)發(fā)，是Google Chrome的一部分。 微軟 Chakra (JScript引擎)，中文譯名為查克拉，用于Internet Explorer 9的32位版本1及Internet Explorer 10。 Opera Linear A，用于Opera 4.06.1版本。 Linear B，用于Opera 7.09.2版本。 Futhark，用于Opera 9.510.2版本。 Carakan，由Opera軟件公司編寫(xiě)，自O(shè)pera10.50版本開(kāi)始使用。,1.3 JavaScript框架,Jquery Dojo ExtJS Prototype YUI Library Rico script.aculo.us ,1.4.1 開(kāi)源協(xié)議-BSD,BSD開(kāi)源協(xié)議是一個(gè)給于使用者很大自由的協(xié)議?；旧鲜褂谜呖梢浴睘樗麨椤?可以自由的使用，修改源代碼，也可以將修改后的代碼作為開(kāi)源或者專(zhuān)有軟件再發(fā)布。但”為所欲為”的前提當(dāng)你發(fā)布使用了BSD協(xié)議的代碼，或則以BSD協(xié)議代碼為基礎(chǔ)做二次開(kāi)發(fā)自己的產(chǎn)品時(shí)，需要滿(mǎn)足三個(gè)條件：如果再發(fā)布的產(chǎn)品中包含源代碼，則在源代碼中必須帶有原來(lái)代碼中的BSD協(xié)議。如果再發(fā)布的只是二進(jìn)制類(lèi)庫(kù)/軟件，則需要在類(lèi)庫(kù)/軟件的文檔和版權(quán)聲明中包含原來(lái)代碼中的BSD協(xié)議。不可以用開(kāi)源代碼的作者/機(jī)構(gòu)名字和原來(lái)產(chǎn)品的名字做市場(chǎng)推廣。 對(duì) 商業(yè)集成很友好的協(xié)議。而很多的公司企業(yè)在選用開(kāi)源產(chǎn)品的時(shí)候都首選BSD協(xié)議，因?yàn)榭梢酝耆刂七@些第三方的代碼，在必要的時(shí)候可以修改或者二次開(kāi)發(fā)。,1.4.2 開(kāi)源協(xié)議- Apache Licence,Apache Licence是著名的非盈利開(kāi)源組織Apache采用的協(xié)議。該協(xié)議和BSD類(lèi)似，同樣鼓勵(lì)代碼共享和尊重原作者的著作權(quán)，同樣允許代碼修改，再發(fā)布（作為開(kāi)源或商業(yè)軟件）。需要滿(mǎn)足的條件也和BSD類(lèi)似：需要給代碼的用戶(hù)一份Apache Licence如果你修改了代碼，需要再被修改的文件中說(shuō)明。在延伸的代碼中（修改和有源代碼衍生的代碼中）需要帶有原來(lái)代碼中的協(xié)議，商標(biāo)，專(zhuān)利聲明和其他原來(lái)作者規(guī)定需要包含的說(shuō)明。如果再發(fā)布的產(chǎn)品中包含一個(gè)Notice文件，則在Notice文件中需要帶有Apache Licence。你可以在Notice中增加自己的許可，但不可以表現(xiàn)為對(duì)Apache Licence構(gòu)成更改。Apache Licence也是對(duì)商業(yè)應(yīng)用友好的許可。使用者也可以在需要的時(shí)候修改代碼來(lái)滿(mǎn)足需要并作為開(kāi)源或商業(yè)產(chǎn)品發(fā)布/銷(xiāo)售。,1.4.3 開(kāi)源協(xié)議- GPL(1),我們很熟悉的Linux就是采用了GPL。GPL協(xié)議和BSD, Apache Licence等鼓勵(lì)代碼重用的許可很不一樣。GPL的出發(fā)點(diǎn)是代碼的開(kāi)源/免費(fèi)使用和引用/修改/衍生代碼的開(kāi)源/免費(fèi)使用，但不允許修改后和衍生的代 碼做為閉源的商業(yè)軟件發(fā)布和銷(xiāo)售。這也就是為什么我們能用免費(fèi)的各種linux，包括商業(yè)公司的linux和linux上各種各樣的由個(gè)人，組織，以及商 業(yè)軟件公司開(kāi)發(fā)的免費(fèi)軟件了。GPL協(xié)議的主要內(nèi)容是只要在一個(gè)軟件中使用(”使用”指類(lèi)庫(kù)引用，修改后的代碼或者衍生代碼)GPL 協(xié)議的產(chǎn)品，則該軟件產(chǎn)品必須也采用GPL協(xié)議，既必須也是開(kāi)源和免費(fèi)。這就是所謂的”傳染性”。GPL協(xié)議的產(chǎn)品作為一個(gè)單獨(dú)的產(chǎn)品使用沒(méi)有任何問(wèn)題，還可以享受免費(fèi)的優(yōu)勢(shì)。,1.4.3 開(kāi)源協(xié)議- GPL(2),由于GPL嚴(yán)格要求使用了GPL類(lèi)庫(kù)的軟件產(chǎn)品必須使用GPL協(xié)議，對(duì)于使用GPL協(xié)議的開(kāi)源代碼，商業(yè)軟件或者對(duì)代碼有保密要求的部門(mén)就不適合集成/采用作為類(lèi)庫(kù)和二次開(kāi)發(fā)的基礎(chǔ)。其它細(xì)節(jié)如再發(fā)布的時(shí)候需要伴隨GPL協(xié)議等和BSD/Apache等類(lèi)似。,1.4.4 開(kāi)源協(xié)議- LGPL,LGPL是GPL的一個(gè)為主要為類(lèi)庫(kù)使用設(shè)計(jì)的開(kāi)源協(xié)議。和GPL要求任何使用/修改/衍生之GPL類(lèi)庫(kù)的的軟件必須采用GPL協(xié)議不同。LGPL 允許商業(yè)軟件通過(guò)類(lèi)庫(kù)引用(link)方式使用LGPL類(lèi)庫(kù)而不需要開(kāi)源商業(yè)軟件的代碼。這使得采用LGPL協(xié)議的開(kāi)源代碼可以被商業(yè)軟件作為類(lèi)庫(kù)引用并 發(fā)布和銷(xiāo)售。但是如果修改LGPL協(xié)議的代碼或者衍生，則所有修改的代碼，涉及修改部分的額外代碼和衍生的代碼都必須采用LGPL協(xié)議。因此LGPL協(xié)議的開(kāi)源 代碼很適合作為第三方類(lèi)庫(kù)被商業(yè)軟件引用，但不適合希望以LGPL協(xié)議代碼為基礎(chǔ)，通過(guò)修改和衍生的方式做二次開(kāi)發(fā)的商業(yè)軟件采用。 GPL/LGPL都保障原作者的知識(shí)產(chǎn)權(quán)，避免有人利用開(kāi)源代碼復(fù)制并開(kāi)發(fā)類(lèi)似的產(chǎn)品,1.4.5 開(kāi)源協(xié)議- MIT,MIT是和BSD一樣寬范的許可協(xié)議,作者只想保留版權(quán),而無(wú)任何其他了限制.也就是說(shuō),你必須在你的發(fā)行版里包含原許可協(xié)議的聲明,無(wú)論你是以二進(jìn)制發(fā)布的還是以源代碼發(fā)布的.,目錄,2.1 程序員困境：底層編碼能力正逐步喪失,按照已有的思路去開(kāi)發(fā)，無(wú)需自己動(dòng)腦、去思考。如果長(zhǎng)期在這樣的環(huán)境下工作，并且也沒(méi)有在外部進(jìn)行提升和開(kāi)闊，多年以后，你會(huì)發(fā)現(xiàn)自己處于很可憐的位置在公司內(nèi)部或團(tuán)隊(duì)里聲稱(chēng)是“專(zhuān)家”，然而不幸地是，你卻不能在市場(chǎng)找到一個(gè)與之平等的工作。我們通過(guò)編碼謀生，但環(huán)境卻正在摧毀我們這種謀生的能力。,2.2 類(lèi)型,undefined null boolean Number String = 與=,2.2 類(lèi)型（2）,為什么T+系統(tǒng)的數(shù)值型整數(shù)位+小數(shù)位加起來(lái)=15位? 2 52 2.2204516,2.3 作用域,var 與 無(wú)var 內(nèi)部屬性scope,2.3 作用域（2）,2.3 作用域（3）,2.4 和 . 運(yùn)算符,var o = id: “11111”; Add:function() return 1 o.id o“id”,2.5 閉包,指的是一個(gè)擁有許多變量和綁定了這些變量的環(huán)境的表達(dá)式（通常是一個(gè)函數(shù)），因而這些變量也是該表達(dá)式的一部分。 var person=function() var name=“default”; retturn getName:function() return name; Print(); Print(person.getName();,2.6 閉包注意事項(xiàng),內(nèi)存泄露： /tech/web/2008/5679.asp 上下文環(huán)境（this)：,2.7 Class在哪里？,JavaScript原型化繼承的面向?qū)ο竽_本語(yǔ)言,2.8 面向?qū)ο笕齻€(gè)特性：封裝、繼承和多態(tài),閉包,var ,prototype,2.9 JSON 與Ajax,序列化的javascript對(duì)象 Ajax: Asynchronous JavaScript and XML,2.10 JavaScript響應(yīng),在瀏覽器中，用于執(zhí)行JavaScript和更新用戶(hù)界面的進(jìn)程通常被稱(chēng)為UI線程。UI線程的工作基于一個(gè)簡(jiǎn)單的隊(duì)列系統(tǒng)，任務(wù)會(huì)被保存到隊(duì)列中知道進(jìn)程空閑。一旦空閑，隊(duì)列中的下一個(gè)任務(wù)就會(huì)被重新提取出來(lái)進(jìn)行執(zhí)行。這些任務(wù)要么是JavaScript代碼運(yùn)行，要么就是執(zhí)行UI更新，包括重繪和重排。然而，在這個(gè)進(jìn)程中，每一次輸入都可能導(dǎo)致一個(gè)或多個(gè)任務(wù)被加入隊(duì)列中。,2.10 JavaScript響應(yīng)(2),目錄,1