js的學(xué)習(xí)方法

這篇文章主要介紹js的學(xué)習(xí)方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

一、開發(fā)環(huán)境和JavaScript版本問題

開發(fā)環(huán)境越簡單越好，一定不要在這個環(huán)節(jié)浪費時間。

首先說編輯器的選擇，sublime text、vs code、atom、webstorm，還有HBuilder。新手入門的時候總想找一個最好的編輯器，其實這編輯器就和游戲里面選英雄一樣，沒有最厲害的，只有最適合你的，如果還是拿不定注意，就選vs code吧，我感覺這個對新手挺友好的。

瀏覽器就用chrome，然后就可以開始擼代碼了。

關(guān)于JavaScript版本，我建議還是從ES5開始學(xué)，有一定基礎(chǔ)之后再來看ES2015+的新特性。

二、基本語法

學(xué)編程語言和學(xué)自然語言有很多相似的地方，我們得從最基本的單詞和語法開始學(xué)。

• 變量：如何聲明變量，如何給變量賦值。
• 數(shù)據(jù)類型：什么是數(shù)據(jù)類型，數(shù)字與字符串有什么區(qū)別。
• 運算符與表達式：常用的運算符有哪些？“=”、“==”與“===”的區(qū)別等等。
• 分支語句：if、switch
• 循環(huán)語句：for、while
• 函數(shù)：什么是函數(shù)，什么是參數(shù)，什么是返回值。

這些基本語法一定要非常熟悉，要不然后續(xù)的學(xué)習(xí)會舉步維艱。

三、對象

對象是一個非常重要的概念，一定要靈活掌握：

• 對象：屬性的無序集合，當(dāng)屬性值為函數(shù)的時候，我們叫這個函數(shù)為對象的方法。
• 數(shù)組：元素的有序集合。了解數(shù)組的常用方法
• 日期對象：獲取年月日時分秒
• 數(shù)學(xué)對象：獲取隨機數(shù)
• 了解其他對象：正則表達式、包裝對象，其實函數(shù)也是對象，不過這些簡單了解一下就行。

每個對象都有很多方法，這些方法知道在哪里查就行了，千萬不要去背，就像我們學(xué)英語，必要的單詞要背，但是大部分單詞知道用詞典查就行了。

學(xué)習(xí)【基礎(chǔ)語法】和【對象】的過程比較枯燥，知識點之間銜接不是特別緊密，就像我們小學(xué)一年級學(xué)習(xí)漢字一樣，每一個字我們都知道是什么，但是卻不會把他們組合到一起，所以小學(xué)才會練習(xí)組詞，造句，再到寫作文。我們把做的項目比作寫作文，那我們還有一段路要走，切莫心急。

四、DOM

• DOM的樹狀結(jié)構(gòu)
• 節(jié)點：元素節(jié)點、文本節(jié)點、屬性節(jié)點
• 節(jié)點關(guān)系：同級、父子級等等
• 獲取節(jié)點：querySelector、querySelectorAll等等
• 節(jié)點操作：增刪改查
• 事件綁定：事件流和事件委托應(yīng)該了解一下

DOM提供的方法也很多，仍然不要過多的投入精力，新手自學(xué)總是會被這些大量的方法困擾，我們要做的是對DOM有一個概括性的了解，至于那些雜亂的接口，后續(xù)我們完全可以用jQuery或框架代替。

（如果對DOM感興趣，可以在技能掌握得稍微全面一些之后，再回來深入學(xué)習(xí)也是可以的，但是前期投入大量時間，確實會影響學(xué)習(xí)效率）

五、jQuery

jQuery是必須要會的，但是jQuery上手確實很簡單，用兩天時間了解一下jQuery的用法，然后就可以利用jQuery實現(xiàn)各種頁面效果了，前期肯定會磕磕絆絆，但是jQuery的資料有很多，一邊學(xué)一邊做就行。

六、JavaScript進階

jQuery熟練了之后，就可以開始著手學(xué)習(xí)JavaScript進階一點的內(nèi)容了：

原始類型與引用類型的區(qū)別
各種類型轉(zhuǎn)換和類型檢測
閉包：函數(shù)套函數(shù)，怎么套自己都不蒙就行了。
原型：構(gòu)造函數(shù)、原型屬性、基于原型的繼承是怎么實現(xiàn)的。
this：可以開個坑好好研究研究

七、了解node

node現(xiàn)在可以說是前端必學(xué)的了，但是不是學(xué)用node做后臺，而是用node生態(tài)下的各種工具，順便借node了解一下后臺。

• 使用node開一個靜態(tài)服務(wù)器
• 使用npm下載第三方模塊
• webpack
• babel

最好能用express寫一個簡單的后臺程序（一個server.js就夠了），處理一些請求，這樣我們學(xué)習(xí)ajax的時候就可以自己寫后臺接口了，當(dāng)然這需要有http協(xié)議的基礎(chǔ)知識。

八、ES2015+新特性

• 變量和常量：為什么要拋棄var？
• 結(jié)構(gòu)賦值
• 箭頭函數(shù)
• 模塊化
• class
• 編譯

像promise，async/await函數(shù)等等這些，看自己能力了，有興趣看看，不看也不影響后面學(xué)習(xí)，但是，就算現(xiàn)在不學(xué)，這個后續(xù)也是要補的。

九、AJAX

簡單的說，了解一下http協(xié)議，知道什么是請求，什么是響應(yīng)，get和post有什么卻別，然后在學(xué)ajax，看看語法基本就會了。

• 用XMLHttpRequest發(fā)個請求，接個數(shù)據(jù)。
• 用jQuery發(fā)個請求，接個數(shù)據(jù)。
• json解析

知道這些就差不多了，后續(xù)不管是工作還是學(xué)習(xí)，肯定還會遇到很多問題，到時候再具體問題具體分析。

十、框架

react、angular、vue三選一，零基礎(chǔ)的初學(xué)者強烈推薦vue，如果是后臺轉(zhuǎn)前端推薦angular，如果技術(shù)型前端，推薦react。

這篇文章是給零基礎(chǔ)新手的，那自然就選vue比較好了。

最后

通過這十步，就可以對JavaScript體系有一個整體的了解，然后重點向那個方向發(fā)展，就看自己愛好或是工作需要了。技術(shù)的道路很漫長，這只是一個起點。

以上是js的學(xué)習(xí)方法的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道！