前端基礎

-

JavaScript 的基本背景 - 甚麼是JS?他可以幹嘛?JS 和 ES 的差別

this.web

現在越來越多想轉職前端工程師,或是需要製作網站的人,如果你想要開發一個具有和客戶互動功能的網站,那是絕對離不開 JavaScript 這門程式語言的,而 JavaScript 對於前端工程師也是非常重要的底子,要想在前端工程師這條路走得更遠更久,學熟 JavaScript 絕對必要的

如果你在觀望是否轉職前端,或是想學開發網頁,那今天這篇文,我就帶你好好了解甚麼是 JavaScript,並介紹 JavaScript 可以做些甚麼。那就讓我們開始吧!

JavaScript 是甚麼?

JavaScript 是一個門程式語言,相較於其它程式語言,JavaScript 是目前成長最快且受歡迎的一門程式語言,可以從 stackoverflow 提供的統計數據看出來,JavaScript 是 2022 最受歡迎的程式語言,這代表我們學 JavaScript 是相對容易找到工作的。

js is popular

JavaScript 可以幹嘛

在現在有大量社群支持的情況下,JS 可以用來製作網頁前端程式(運行在瀏覽器)網頁後端程式(運行在伺服器)手機程式能即時通訊的網路應用程式,甚至是製作遊戲都行,可以說 JS 的應用層面非常廣。

所以說如果你想學一個程式語言增加自己的技能,我非常推薦 JavaScript,除了應用廣泛,JS 和其他語言相比學習起來要比較簡單,很適合沒接觸過程式的新手。

JavaScript 程式碼在哪裡執行?如何開始寫 JS?

JS 在一開始被設計只能在瀏覽器運行,所以每個瀏覽器都會有 JavaScript 引擎,用來執行 JS 程式碼,例如 google chrome 的 JS 引擎叫做 V8,FireFox 的 JS 引擎叫做 SpiderMonkey。其它瀏覽器不見得會自己製作自己的 JS 引擎,也有可能直接使用已經被製作好的 Chrome V8 引擎。

也因為每個瀏覽都有 JS 引擎,所以你只要按下 F12 打開開發者工具,就可以直接在上面寫 JavaScript,非常簡單且方便。

you can wirte js using f12

到了後來,有大神在 Chrome V8 引擎的基礎上,製作出了 Node.js,讓 JS 也能運行在伺服器端,所以現在 JS 除了可以寫前端,也能夠寫後端和資料庫互動,可以說是撐起整個網頁應用程式。

隨著技術的發展,JS 已經能在各種場景使用,成為一門非常流行和重要的程式語言。

JavaScript 和 ECMAScript(ES) 的差別是什麼?

在之後學 JavaScript 的過程,會常常看到像 ES5、ES6 等名詞,這個 ES 的全名是 EMCAScript,他是 JavaScript 的規範,定義了 JS 的語法等細節,為甚麼要特定規範 JS ,是因為要確保在我們在不同的環境下都能順利運行 JS,而現在最新的 ES 規範是 ESMAScript 2022。

可以簡單把 ES 想像成類似程式版本一樣的東西,每個版本都會更新新的功能,所以每個版本的 ES 都會有新的 JS 規範。

學習 JavaScript 的資源

在最後推薦幾個學習 JavaScript 的免費資源:

  1. W3S
  2. MDN
  3. 菜鳥教程

這些網站都有很詳細的教學,我之後也會寫一系列的 JS 中文教學,希望能幫助學習前端的初學者。

相關系列文章