頁面要想實現好的互動性JavaScript是必不可少的，特別是在一些網站專題頁面對於互動性要求更高，中級和高階web前端工程師js是必須要掌握的，下面為大家詳細介紹一下JavaScript。

雖然仍有一些人對 JavaScript 的批評特別是對JavaScript 用於後端任務心存疑慮，但這些並不妨礙JavaScript成為廣泛用於客戶端的語言，成為前端開發必不可缺少的工具。JavaScript和html一樣都是客戶端(瀏覽器執行)的語言，通常JavaScript指令碼是透過嵌入在HTML中來實現功能的。

下面為大家介紹javaScript的特點：

1、javaScript是一種解釋性指令碼語言不進行預編譯，而c、c++等程式語言都是先編譯後執行，javaScript是逐行解釋執行的。

2、基於物件的語言，它不僅可以建立物件,也能使用現有的物件。

3、以嵌入HTML頁面，也可寫成單獨的js檔案。

4、多平臺執行，在大部分瀏覽器瀏覽器的支援下，可以在多種平臺下執行比如Android、iOS等。

那麼，怎麼才能在js領域內學的輕鬆甚至遊刃有餘呢？我總結了一些實戰意義的js學習經驗：

首先要緊緊抓住它的地位

時刻都不能忘記，否則很容易犯“一葉障目不見泰山”的錯誤。

不要學了很久就知道js是程式語言，就是寫程式碼、而且特點就是亂七八糟就完了，那樣是學不好js的。

要時時抓住它的地位，確切的說是它在整個WEB中的地位：它屬於前端的核心，主要用來操控和重新調整DOM，透過修改DOM結構，從而來達到修改頁面效果的目的。

要用這個中心思想去指導後續的一切js的學習，並且形成條件反射。

要有一條清晰的學習路線

這個只能是過來人給你提供參考了。

我的學習路線如下：

A：js基礎部分，如：定義變數、函式、陣列、字串等的處理，內建函式、內建物件等。

C：js面向物件程式設計思想，試著去封裝一些你自己的物件，提供出有意義的接口出來；

D：學了上述的內容，然後學常用的庫，這裡必須學jquery;

E：學基於Jquery之上的常見外掛，如：bootstrap,Layer,富文字編輯器等。

F：綜合應用上面的多種庫寫實際專案的模板，多寫幾套。

注意學習方法

我的學習方法總結如下：

A：多買幾本國外的js書籍，不要購買那種20天精通之類的書。

否則你是很難學通的，更怕的是：本來你買本好書自學3個月可能學會的，它們硬是能折騰你兩年......

書籍推薦（僅供參考）

《JavaScript DOM程式設計藝術》

《JavaScript權威指南》

《javaScript DOM高階程式設計》

《JavaScript設計模式》

《鋒利的jquery》

爭取把書上的功能都自己練習多次，不是一次。書讀百篇，其義自見。

B：從多角度去學習和領悟

充分調動你所學的東西，從多角度的去做某一功能，如：以前你是從面向過程角度做的，

現在改為從面向物件的角度再來做，或者繼續做成可以直接使用的外掛，提供屬性、方法等出來。爭取讓你做的這個功能逐漸能使用到實際專案中來。

這樣的好處：既綜合應用了你的所學，又能有實際意義。

C：一定不要好高騖遠

不要放過哪怕很小的動手機會，如做一個選項卡。

千萬不要認為有了類似的甚至更好的外掛就不需要自己寫了，知識是別人的，不是你的，你即使會用了也對你的技術技能水平沒有任何提升。

你要多問自己，如果要我來做，我該怎麼做？

D：腳踏實地的同時，也不要脫離實際

多看現在網上已經出現的效果好的功能，讓它去激發你的學習熱情，儘量去學著模擬，調動你的知識去和實際相結合。

E：多寫總結

這種總結不但包括原始碼、顯示效果截圖，還應該很容易犯的錯誤和對應的解決方法以及最後一兩句精簡的結論性語句。

對自己寫的總結不是寫完了就了事了，要多回顧，多改進，多精簡。到做專案的時候，應該是看裡面的一兩句話就知道是講什麼了，而不要再去看長篇大論了。

F：構建知識導圖

這個可以讓你越學越清晰，比如：http://www.phpkhbd.com/sky.html，你可以按你喜歡的任何形式去做，只要自己印象深刻就行。

注意：知識導圖也應該是經常修改、修正，讓它更合理、更清晰。

注意事項

A：充分利用一切手段

很多人總感覺時間緊，沒有大塊的時間學習。我要說你不會學了，你不應該只是抱怨，而是要利用一切手段去學習，要知道，不一定只有看書才叫學習。

當你冷靜的坐在某個地方，思考了一下，總結了一下，你也都叫學習，但凡有靈感，就可以記錄下來，比如：記錄在手機上，等方便了再記錄在專門的地方。這都叫學習。

B：貴在堅持

要沉的下心。沒有一蹴而就的成功，否則那也不是成功，只能叫“僥倖”。

不但要老老實實的把每個功能都試著去實現，而且要精益求精的不斷去修正，這個過程是漫長的，也是考驗一個人是否是人才的標準。

C：注意培養信心

此時的你，不適合一來就看很複雜很炫的網頁效果的原始碼，也不適合一來就學jquery，angular,vue，bootstrap這些東西。

這些內容包含了很多深奧的知識在裡面，在沒有任何基礎的情況下直接學這些，會嚴重打擊你的自信心。

而此時你是弱小的，你需要的是培養信心，而不是反過來，否則結局很可能是“夭折”，離學有所成也就遙遙無期了。

D：多跟學的好的過來人學習

站在巨人的肩上，才能看的更遠。

E：不要浪費在工具的不停選擇上

js的編輯工具很多，如果無從下手，建議使用：sublime，或者使用Hbuilder；很多公司裡的技術人員都用這些，你直接用這個也減少了和別人之間的溝通問題。

我也是用這個，感覺很好。

總結

感覺js學起來“雜而亂”的原因是因為你太“聰明”了，一開始就管的太寬，利害得失也計算的太精細。

要求太完美則心裡承受能力下降，很容易出現“障”。此時，你應該“笨”一些，不要考利那麼長遠，“傻人有傻福”，只要做好今天就夠了。

一些不合理的學習方法和心態也讓你迷失了自我：如：心浮氣躁、眼高手低、好高騖遠，這些都會讓你在“亂七八糟”的js面前深陷迷霧、不能自拔。

此時，你應該重新定位自己的位置，重新去認識js，放下包袱，方能輕鬆上陣。把杯子先倒空，才能灌新水......

其實，js是前端的核心。影響越來越深的網際網路+會渴求越來越多的js人才，只有經歷過真正刻骨銘心的學習經歷，才能造就出贏得未來的真正精英。

所有的程式語言都有類似的體系結構：

第一部分：基礎語法：包含詞法結構、資料型別、變數和值、表示式和運算子、語句。

其中jascript基礎語法如下圖

第二部分：字串，一般都會單獨拿一章節進行講解。

第三部：陣列

第四部分：物件

第五部分：函式

第六部分：類

第七部分：模組

第八部分：異常處理機制

在這八個基礎上，會有語言特有的非同步機制、庫等需要學習的內容。

如果沒有基礎的話，建議去學阮一峰老師的javascript相關教程。

http://javascript.ruanyifeng.com/

和

http://es6.ruanyifeng.com/

掌握計算機基礎知識，然後就網上找教程文件，基本的js就學會了，要真正能在工作中實用，學習路線得這樣，html css JavaScript jq bootstrap 進階 node npm webpack vue 或者react