An Introduction to JavaScript

What is JavaScript?

JavaScript 讓網頁動起來的語言 不同瀏覽器有不同的 "引擎" 1. Chrome and Opera - V8 2. Firefox - SpiderMonkey 3. Safari - WebKit 引擎如何運作 ? JavaScript > machine language > run

What can in-browser JavaScript do?

• 新增、修改網頁內容 ( HTML )、改變外觀 ( CSS )

• 對使用者動作做出反應 (滑鼠移動、點擊 )

• 對伺服器發出請求，下載或上傳檔案

• 存取 cookie ( 紀錄使用者資訊的資料 )

• 存取用戶端資料 ( local storage )

What CAN’T in-browser JavaScript do?

• 不能存取使用者硬碟的資料，除非使用者同意 ( 下載 / 上傳檔案 )

• 不同網站之間無法互相存取資料 ( Same Origin Policy )

• 不同網站之間可以提取資料，但需要額外設定新的參數 ( HTTP header )

• 在非瀏覽器的環境下或瀏覽器安裝插件(使用者同意下)，JavaScript 沒有以上的限制。

Languages “over” JavaScript

JavaScript 不能滿足所有人，許多相關的新語言誕生，像是 CoffeeScript、TypeScript、Dart 等等， 這些語言在執行前會被轉譯成 JavaScript。