如何系統(tǒng)地學(xué)習(xí) JavaScript

自從AJAX開始流行后，人們發(fā)現(xiàn)利用JavaScript可以給用戶帶來更好的體驗(yàn)，甚至利用這一優(yōu)點(diǎn)開發(fā)了大型網(wǎng)頁游戲，于是這門小語言被重視了起來。現(xiàn)在，很多公司會(huì)招專門的JavaScript工程師，通常JavaScript是WEB前端開發(fā)的必備技能。簡(jiǎn)單介紹了JavaScriptr的好處，并不代表大家就會(huì)去學(xué)習(xí)甚至把它學(xué)好，興趣是很關(guān)鍵的，我認(rèn)為興趣是最好的老師，它是你專心做一件事并把它做好的動(dòng)力。另外，大家要相信小語言有大作為，我就曾用Greasemonkey寫過一些非常實(shí)用的工具，比如你可以用JavaScript+Greasemonkey寫在線網(wǎng)頁游戲的外掛程序。下面說說本人學(xué)習(xí)JavaScript的歷程和心得吧。

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對(duì)這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡(jiǎn)單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴，公司提供的服務(wù)項(xiàng)目有：域名與空間、雅安服務(wù)器托管、營(yíng)銷軟件、網(wǎng)站建設(shè)、圍場(chǎng)網(wǎng)站維護(hù)、網(wǎng)站推廣。

入門學(xué)會(huì)DIV+CSS布局

使用DIV+CSS布局標(biāo)準(zhǔn)網(wǎng)頁，可以使前端XHTML代碼更少、結(jié)構(gòu)更清晰，這有利于輕松用JavaScript操作DOM，比如，要展示一個(gè)3行3列的列表，如果用傳統(tǒng)的表格布局，現(xiàn)在要你用JavaScript動(dòng)態(tài)生成這個(gè)列表，那么就需要一個(gè)循環(huán)嵌套，如果采用li結(jié)構(gòu)加CSS浮動(dòng)布局，一次循環(huán)就好了。當(dāng)然，WEB標(biāo)準(zhǔn)化不是一定不能使用表格，我的意思是結(jié)構(gòu)清晰的XHTML更易于把JavaScript效果或功能整合到項(xiàng)目中。

掌握幾種開發(fā)測(cè)試工具

作為一個(gè)開發(fā)人員，熟悉測(cè)試工具是必須的，這有助于提高你發(fā)現(xiàn)問題和解決問題的效率，對(duì)于特別大的項(xiàng)目更是如此。JavaScript和XHTML開發(fā)測(cè)試?yán)魑揖拖韧扑]兩個(gè)最常用的，它們是：Web Developer和Firebug。

熟悉JavaScript每一個(gè)方法的作用

這一要求聽起來似乎有點(diǎn)不太實(shí)際，我想這個(gè)要求對(duì)于像C#、JAVA這些大型語言來說確實(shí)是，因?yàn)檫@些語言類庫實(shí)在太龐大了，相信沒有人可以全面記住它，而且也是沒有必要全部記住，比如用JAVA做網(wǎng)頁與手機(jī)開發(fā)所關(guān)注的類庫是不一樣的。而JavaScript則不是，它的內(nèi)置方法函數(shù)真的不多，先全面熟悉一下，開發(fā)起來也將得心應(yīng)手，比如，你一開始可能認(rèn)為JavaScript有trim()這個(gè)很多語言都有的去行頭行尾空格的方法，當(dāng)你了解JavaScript內(nèi)置函數(shù)庫后你會(huì)發(fā)現(xiàn)原來在JavaScript中這些方法是要自己去實(shí)現(xiàn)。再比如，如果你是從其它比較強(qiáng)大的語言轉(zhuǎn)過來玩JavaScript，你又可能認(rèn)為JavaScript應(yīng)該有MD5加密的方法，當(dāng)然這也是沒有的，但有人用JavaScript實(shí)現(xiàn)了這樣的方法，即JavaScript MD5。說到底JavaScript內(nèi)置方法少的可憐，但很多牛人寫了一些新方法增加JavaScript功能，比如prototype框架主要是對(duì)JavaScript基礎(chǔ)函數(shù)進(jìn)行原型擴(kuò)展的。

了解DOM編程

了解DOM編程算是學(xué)習(xí)JavaScript過程比較重要的課程，因?yàn)镴avaScript除了編寫一些純數(shù)據(jù)處理的邏輯外，更多的是在動(dòng)態(tài)更改XHTML的結(jié)構(gòu)和內(nèi)容，以達(dá)到界面動(dòng)態(tài)更新的目的，而這些工作都要依賴DOM編程。jQuery框架在這方面封裝的相當(dāng)好，提供了豐富的DOM操作方法，可以讓你輕松找到頁面任何地方的一個(gè)DOM節(jié)點(diǎn)（XHTML標(biāo)簽），然后進(jìn)行相關(guān)操作（增、刪、改、查）。對(duì)于有過用其它語言操作XML文檔經(jīng)驗(yàn)的朋友，相信這一塊很快上手。

接觸并使用AJAX

在今天，學(xué)習(xí)了JavaScript而不使用AJAX，那是埋沒JavaScript優(yōu)勢(shì)了（AJAX本身并不能算是JavaScript內(nèi)容）。AJAX對(duì)于用戶以及服務(wù)器來說都是有好處的，對(duì)于用戶，提供更好的用戶體驗(yàn)，最典型的一個(gè)應(yīng)用場(chǎng)景：注冊(cè)頁面的用戶名可用性預(yù)檢測(cè)，傳統(tǒng)的可能會(huì)遇到這樣的問題：用戶填寫了一堆資料后提交表單，結(jié)果被服務(wù)器告知這個(gè)用戶被注冊(cè)了，要用戶重新填寫資料注冊(cè)，這對(duì)于大型多用戶網(wǎng)站那是很致命的，因?yàn)橛脩糨?0個(gè)用戶名可能有一半已被使用了。對(duì)于服務(wù)器來說，減少網(wǎng)頁流量，因?yàn)锳JAX后，一般是按需加載數(shù)據(jù)的，不會(huì)因?yàn)榫植扛露匦录虞d整個(gè)頁面。比如一個(gè)網(wǎng)頁占三屏高，我們可以默認(rèn)只加載第一屏的內(nèi)容，當(dāng)用戶拉動(dòng)滾動(dòng)條往下的時(shí)候，再加載二三屏的內(nèi)容。另外像WEB在線地圖應(yīng)用也是AJAX使用的典范。

提高深入理解JavaScript this關(guān)鍵字

JavaScript this的作用與指向跟很多真正面向?qū)ο蟮拈_發(fā)語言是有很大差別的，它不始終指向當(dāng)前對(duì)象，是會(huì)變化的。如果不注意這個(gè)問題，就有可能遇到看似沒錯(cuò)的代碼報(bào)錯(cuò)或不執(zhí)行等問題。

學(xué)習(xí)JavaScript OOP編程

OOP是個(gè)好東西，它使程序員思考問題更有組織性，代碼的組織也更清晰。JavaScript 也可以O(shè)OP，但與一些傳統(tǒng)的OOP語言同樣存在較大差別，所以要真正用熟JavaScript OOP也是需要下點(diǎn)功夫的。

了解閉包JavaScript閉包也是被談得比較多的一個(gè)話題，閉包使JavaScript變量作用域變得復(fù)雜起來，但這一特性又使這門語言變的更靈活了。

學(xué)習(xí)規(guī)范開發(fā)

團(tuán)隊(duì)精神相信大家是聽過不少了，就職一個(gè)公司做開發(fā)，當(dāng)然離不開團(tuán)隊(duì)，團(tuán)隊(duì)要想合作愉快，每個(gè)成員的編碼必需符合一定規(guī)范，這也是每個(gè)公司對(duì)程序員的基本要求。關(guān)于規(guī)范通常指變量命名、文件組織、注釋規(guī)范等，這方面知識(shí)與其它語言的規(guī)范是有相通性的。

找本算法的書讀一讀

我認(rèn)為學(xué)會(huì)并使用一門語言并不是什么難事，難的應(yīng)該是用語言這基本的語法與語句去解決一些復(fù)雜的問題。要解決一些復(fù)雜的問題，可能會(huì)用上一些算法，有些算法實(shí)現(xiàn)可能是一個(gè)團(tuán)隊(duì)在做的，比如中科院中文分詞的具體實(shí)現(xiàn)，另外像游戲常用自動(dòng)尋徑A*算法等。也許你認(rèn)為你不可能在JavaScript開發(fā)上遇到這么復(fù)雜的問題，其實(shí)這還要看你在做什么項(xiàng)目，如果你是在開發(fā)大型網(wǎng)頁游戲，通常面臨更多具有挑戰(zhàn)性的難題，如果你有讀過一些算法書籍，了解一些常見問題的解決方法，在開發(fā)過程中自然會(huì)如虎添翼。另外，熟悉算法顯然對(duì)于你日后接觸其它開發(fā)語言也是有幫助的。

習(xí)慣兼容、BUG問題做好筆記

CSS與JavaScript瀏覽器兼容問題最好做好筆記，因?yàn)檫@些問題，或者說BUG是比較詭異的，這些問題瀏覽器不會(huì)提示你錯(cuò)在哪里，IDE也不會(huì)提示你，特別是CSS兼容問題，這就會(huì)導(dǎo)致你在開發(fā)過程碰到這樣的問題會(huì)卡老半天得不到解決。即使之前解決過同類問題，以后可能又會(huì)碰上，結(jié)果之前沒有做好筆記加強(qiáng)記憶，注定你要再受罪一次，因?yàn)檫@些兼容問題不是一兩個(gè)，臨時(shí)記憶效果是不明顯的。以我經(jīng)驗(yàn)，很多問題是在IE6下發(fā)生的，現(xiàn)在IE6連微軟自己都希望加速它滅亡，這對(duì)于前端開發(fā)的我們來說當(dāng)然是一個(gè)好消息。

閱讀優(yōu)秀的代碼，比如jQuery

閱讀優(yōu)秀代碼絕對(duì)也是自我提高的好方法，這不僅可以了解優(yōu)秀代碼的組織規(guī)范，更可以了解一些功能的實(shí)現(xiàn)思路。比如jQuery就是一個(gè)非常值的學(xué)習(xí)的JavaScript框架。當(dāng)然了，要閱讀這樣專業(yè)的JavaScript框架，JavaScript基礎(chǔ)要扎實(shí)，不然看的過程中會(huì)遇到太多疑問，甚至對(duì)自己的信心也是一種打擊。

注意在JavaScript入門之前避免直接使用JavaScript框架做開發(fā)

如果你沒有任何JavaScript基礎(chǔ)，請(qǐng)不要直接使用JavaScript框架做開發(fā)，我認(rèn)為這可能會(huì)誤導(dǎo)你對(duì)一門語言的認(rèn)識(shí)，比如你直接使用了jQuery用點(diǎn)連起來的語句寫法，你是否會(huì)認(rèn)為這是JavaScript語法的一種呢？再比如你使了prototype你不要把框架擴(kuò)展后的基類方法認(rèn)為是JavaScript內(nèi)置的。我認(rèn)為JavaScript框架是用來提高效率的，它絕對(duì)不是JavaScript入門應(yīng)該學(xué)習(xí)的。

網(wǎng)上找的很多例子可能不是跨瀏覽器兼容的

有很多JavaScript效果源碼是N年前某網(wǎng)友寫的，N年前是IE的天下，于是一些前端懶得解決腳本跨瀏覽器兼容問題，使寫出來的腳本只適用于IE。

JS編程是什么意思？

計(jì)算機(jī)專業(yè)語言。

簡(jiǎn)單來說，就是編寫編定程序，讓計(jì)算機(jī)代碼解決某個(gè)問題，對(duì)某個(gè)計(jì)算體系規(guī)定一定的運(yùn)算方式，使計(jì)算體系按照該計(jì)算方式運(yùn)行，并最終得到相應(yīng)結(jié)果的過程。

為了使計(jì)算機(jī)能夠理解人的想法，人類通過某種方式，將需解決的問題的思路、方法和手段通過計(jì)算機(jī)能夠理解的形式告訴它，讓計(jì)算機(jī)完成人的指令。

javascript是干什么的

JavaScript（簡(jiǎn)稱“JS”）是一種具有函數(shù)優(yōu)先的輕量級(jí)，解釋型或即時(shí)編譯型的編程語言。雖然它是作為開發(fā)Web頁面的腳本語言而出名，但是它也被用到了很多非瀏覽器環(huán)境中，JavaScript基于原型編程、多范式的動(dòng)態(tài)腳本語言，并且支持面向?qū)ο蟆⒚钍?、聲明式、函?shù)式編程范式。

javascript是一種解釋類型的語言，跟c++、c語言這些不一樣（先編譯后執(zhí)行），它是在程序運(yùn)行過程中每行都要進(jìn)行解釋。javascript不僅是一種基于對(duì)象的腳本語言，它既可以創(chuàng)建對(duì)象，也可以直接使用已有的對(duì)象。

javascript是事件驅(qū)動(dòng)性的腳本語言，比如用戶在訪問網(wǎng)頁時(shí)，鼠標(biāo)在點(diǎn)擊，移動(dòng)等操作。javascript是可以直接對(duì)這些時(shí)間做出相應(yīng)，并不需要通過web服務(wù)器來對(duì)用戶的行為做出相應(yīng)。

javascript特點(diǎn)：

1、簡(jiǎn)單性

javascript是弱類型的變量類型，對(duì)于數(shù)據(jù)類型并沒有嚴(yán)格要求，她的設(shè)計(jì)簡(jiǎn)單緊湊。

2、跨平臺(tái)性

javascript是不需要依靠操作系統(tǒng)，只要瀏覽器支持，它編譯后就可以直接帶到任何支持瀏覽器腳本語言上就可以直接使用了，而javascript幾乎已經(jīng)獲得所有瀏覽器的支持。

javascript是事件驅(qū)動(dòng)性的腳本語言，比如用戶在訪問網(wǎng)頁時(shí)，鼠標(biāo)在點(diǎn)擊，移動(dòng)等操作。javascript是可以直接對(duì)這些時(shí)間做出相應(yīng)，并不需要通過web服務(wù)器來對(duì)用戶的行為做出相應(yīng)。

什么是JS

Javascript簡(jiǎn)稱js，js是一種腳本語言。

Javascript簡(jiǎn)稱js，js是一種腳本語言，是不需要進(jìn)行編譯的，也是瀏覽器中的一部分，經(jīng)常用在web客戶端腳本語言，主要是用來給html增加動(dòng)態(tài)功能。

一般情況下，html頁面主要是用于靜態(tài)內(nèi)容的顯示，但是在實(shí)際中，頁面很少的靜態(tài)的，現(xiàn)在是網(wǎng)站都會(huì)有一些表單和幻燈片，這些都是使用js來進(jìn)行交互，其實(shí)還有一些語言在可以編寫腳本，實(shí)際上都是js。

Javascript的特點(diǎn)：

js是面對(duì)對(duì)象的，我們可以創(chuàng)建對(duì)象和使用現(xiàn)有的對(duì)象。js是不需要編譯就能執(zhí)行的腳本語言，并且是在運(yùn)行中，直接進(jìn)行解釋。

js是不需任何的操作系統(tǒng)，只要有瀏覽器支持就可以，并且同時(shí)支持多種瀏覽器運(yùn)行。js對(duì)數(shù)據(jù)類型是不需要任何要求的，采用的方式是弱類型。