1. 程式人生 > >JavaScript學習總結 初識JS

JavaScript學習總結 初識JS

1、什麼是 JavaScript?

  JavaScript 是一門跨平臺、面向物件的動態的弱型別的輕量級解釋型語言,是一種基於物件和事件驅動並具有相對安全性的客戶端指令碼語言。應用於 HTML 文件能夠在網站上提供動態的互動能力,他不同於 Java。簡單說就是基於瀏覽器處理 HTML 文件,實現各種網頁特效,響應使用者的各種操作,為網頁新增動態效果,提升使用者操作體驗,比如圖片滾動播放效果,點選登入按鈕彈出對話方塊,滑鼠移入移出動畫,表單提交資料驗證等。

2、為什麼要學習 JavaScript?

  JavaScript 通常被稱為 JS,他發明的目的,就是作為瀏覽器的內建指令碼語言,為網頁開發者提供操控瀏覽器的能力,他可以讓網頁呈現出各種特殊效果,為使用者提供友好的互動體驗。隨著 Ajax 技術的出現,前端可以在不重新整理頁面的情況下和後端進行資料交換,更新頁面資料,jQuery 等庫的盛行讓 JS 編寫變得異常簡單,Bootstrap 框架更讓前端的成本無限降低,大大提高了前端開發的效率,JS 在前端領域前景非常廣闊。

  隨著 Node 的釋出,使得 JS 不僅可以執行在前端,還可以執行在伺服器上。這對 JS 來說是一次質的突破,Node.js 專案使得 JS 可以用於開發伺服器端的大型專案,網站的前後端都用 JS 開發已經稱為了現實。

  至此 JS 除了可以被瀏覽器解析,也可以作為後端語言使用,越來越多的應用程式,將 JS 作為內嵌的指令碼語言,可以用來構建移動端 APP,開發 HTML 遊戲,可以不依賴於瀏覽器,構建桌面應用程式。

  可以預期,最終只使用 JS 這一種語言,就可以開發出適應不同平臺(包括桌面端,伺服器端,手持端)的程式。在 Jeef Atwood 釋出的部落格中,他提出了著名的“Atwood定律”,即“任何能夠用 JavaScript 實現的應用程式,最終都必將用 JavaScript 實現”。

  相比學習其他語言,JS 很容易學習。只要有瀏覽器,就能執行 JS 程式,只要有文字編輯器,就可以編寫 JS 程式碼。不用安裝複雜的 IED(整合開發環境)和編譯器。JS 的語法相對簡單一些,本身的語法不是特別多,而且語言靈活,完全可以只用簡單的命令,完成大部分的操作。

  雖然 JS 的核心語法不難學習,但是要真正學透還不是一件容易的事,JS 其實是很複雜的,隨著學習,越能體會到他的強大。JS 要發揮作用,必須與其他元件配合,這些外部元件五花八門,而且數量龐大,涉及到了網路應用的各個方面,比如編輯器元件,QQ 空間提供的關注元件等,要掌握他們並非易事,必須下狠功夫。JS 語言有一些設計缺陷,在一些地方會出現怪異的執行結果,各主流瀏覽器對於 JS 的支援不盡相同,相容性是最讓人頭疼的事情,學習 JS,很大一部分時間都是用來搞清除哪些地方有陷阱。

  儘管如此,JS 的地位還是不可動搖的,2015年公佈的世界語言使用排名,JS 排在第七位,較去年又有了提升。Ecma(通過 Ecma-262 制定指令碼語言的標準)加快了語言的標準化,使得 JS 功能日益增強,而語法缺陷和怪異之處也得到了彌補,截至今年 JS 最新版本為 ECMAScript 2015,也叫 ES6,增加了許多新特性。所以,JS 還是值得學習的,不僅要掌握,而且要學精,尤其對於 Web 前端開發工程師尤為重要。

3、JavaScript 組成

  JS 由三部分組成:

  ECMAScript:也叫直譯器,充當翻譯角色,這是 JS 的核心部分。

  DOM:文件物件模型(Document Object Model)。DOM 賦予了 JS 操作 HTML 的能力,即 document 操作。

  BOM:瀏覽器物件模型(Browser Object Model)。BOM 賦予了 JS 操作瀏覽器的能力,即 window 操作。

4、JavaScript 用法

  HTML 中的指令碼必須位於 標籤之間。可以在 HTML 文件中放入不限數量的指令碼。指令碼可位於 HTML 的 或 中,或者同時存在於這兩個部分中。通常的做法是把函式放在 中,或者放在頁面底部,這樣不會干擾頁面的內容。

  也可以把指令碼儲存在外部檔案中,副檔名為 .js,外部檔案通常包含被多個網頁使用的程式碼。注意:在使用外部指令碼時,指令碼內不能包含