0

Javascript是甚麼程式語言,有甚麼用途? 附免費Javascript入門教學影片

Javascript(簡稱JS)是網站開發界裏最多人使用和討論的程式語言,沒有之一。

當有學習網站前端(frontend)同學問我Javascript有多重要時,我會直接給出一個我獨創出來的稱號—King of Web Browser。只要跟網頁瀏覽器有關的,都基本離不開JS這種語言。

如果你覺得自己懂做網站,但連甚麼是Javascript,可以做到甚麼都不知道的話,就跟不懂沒兩樣。

所以如果不懂的,就請留心看下去吧。

Javascript是甚麼,用來做甚麼?

Javascript最開始是用於網站前端(不知道甚麼是前端的請看這篇關於甚麼是前端後端),初時主要目的是為了做出網站中的特效/互動效果的一種程式語言

舉兩個簡單的Javascript例子和其效果:

  • alert("你好") js顯示alert例子 這句是用來在網頁中顯示一個彈出視窗
  • alert(Date()) js顯示日期例子 而這句是用來在網頁中顯示一個彈出視窗,內容為一個日期
Javascript代碼是可以直接在網頁瀏覽器(如Chrome, Firefox, Safari)中運行的一種程式語言

現在Javascript幾乎是萬能程式語言

上面一段說過初時的Javascript只能在前端,網頁瀏覽器內運行從而做出網頁互動效果,但隨著Apache Cordova,NodeJS和Electron的發明,Javascript功用就再不僅僅限於在網頁前端,而變成了一種幾乎是萬能程式語言。

NodeJS讓JS走進後端

自從NodeJS出來以後(不知道甚麼是NodeJS的可以看這篇關於NodeJS簡介),你可以用JS去做後端server side的工作,例如可以拿來做網頁伺服器收發訪客請求,創建/刪除主機上檔案,或者轉換檔案格式等等。

這讓已懂JS的人,不用再去學其他後端語言(如PHP, Python, Go等等),就可以直接進行後端工作,方便省時了許多。

Electron讓JS走進後端桌面應用

Electron是基於NodeJS創造出來,Electron讓JS的功用再上一層樓。使用Electron可以讓你做出類似VSCode, Facebook messenger, Twitch這些桌面應用Desktop app。

Apache Cordova讓Javascript讓JS走進手機app

以前要弄個手機app挺麻煩的。原因在於當時製作Android app需要用Java程式程言,iPhone app用Objective-C程式程言, Windows Phone(已經拜拜了~)要用C#程式程言,所以一個app想要覆蓋所有平台的話,就要寫三次,也要管理三套代碼,需要人力物力多到簡直要哭出來😭。

由Apache推出的Cordova軟件解決了這問題,方法是基於大部份網站開發人員都懂Javascript。Cordova讓網站開發人員以最熟識的HTMLCSS,當然還有這次的主角Javascript,來製作手機app。

Cordova會將屬於網頁代碼的HTML/CSS/JS轉為各自手機所屬平台的代碼。例如想弄個安桌的,Cordova會將代碼轉成Java代碼,iPhone app的翻譯成Objective-C,這樣開發人員不用一個手機app寫幾次,手機app開發商也省了不少錢。

Javascript有讓人混淆的別名,叫甚麼呢?

Javascript圖標

為甚麼JS又叫ECMAScript

如果你找有關Javascript東西時,你會常看到ECMAScript 或者ES這兩詞。

其實ECMA(European Computer Manufacturer's Association),是歐洲一個制定標準的機構。

ECMA構制定了Scripting Language標準,也稱ECMAScript,或者直叫ES 。因為Javascript是基於ES標準製作的,所以Javascript是屬ES的一種程式語言。

如果ES標準變的話,Javascript也會跟著變,所以學Javascript時就看ES有甚麼變化。現在的JS版本的大概基礎就是ES 6,所以別人如在說ES 6,其實就是在說基於ES 6標準的Javascript的意思。

為甚麼JS又叫Vanilla Javascript

Vanilla Javascript這個別名是源於一個網站開發的業內的笑話,對於沒網站開發經驗的人可能領略不到笑點在那,不要緊,如你是初學者的只要記住Vanilla Javascript也就是Javascript的一個別名就可以了。

但如果你本身是有點經驗的網站開發行內人,你可以去看下這個VanillaJS前端框架,這框架的設立目的是用來諷刺那些對新JS library過度響往和追捧的開發人員而設的,你進去看下就能明白。因為這笑話在開發人員間廣泛流傳,所以久而久之Vanilla Javascript也成了純JS的別名了。

想學Javascript嗎?福音來了~

Javascript入門課程

身為資深網站軟件工程師,和IT教育網紅,我當然有教Javascript,在我youtube頻道上有個免費的Javascript入門教學課程的Playlist教你你從零開始學會寫Javascript程式,做出一些基本的網站特效和互動效果。

Javascript進階課程

對於本身已有Javascript底子的人,或者是想成為Junior Web developer的,我也有職場Javascript進階精讀課程,有興趣的可以看下。

更多參考資料:Javascript使用情況

因為Javascript和其生態圈近年變化很快,所以一個名為The State of Javascript的網站為了讓人看清近年在Javascript界的變化,專門每年都做關於javascript的業界調查,調查現今的專業開發人員使用各類Javascript工具,框架的情況,有興趣可以去看看。

希望這次能讓你對於Javascript是甚麼和它有甚麼作用有多點了解,這次就說到這,感謝你的觀看。

梁浩賢
本文作者 : - 資深網站軟件工程師
想看更多類似內容的可選擇
有用嗎? 分享本篇文章給朋友吧~

再看看其他?