前往
大廳
主題

js能用來做什麼? js的8種用法介紹

深海異音 | 2021-06-22 19:39:11 | 巴幣 26834 | 人氣 6398

js 全名 JavaScript
是一種用在「網頁」上的程式語言
不過除了用來寫網頁,其實js還有很多用途

如果是想學習程式語言的初學者,我會建議先了解自己想要學習或是已經在學習的東西能做什麼事情
所以這邊簡單整理了一些js常見的用途

直接上懶人包:
1、開發網頁
2、開發網頁應用程式
3、開發瀏覽器附加元件
4、開發伺服器後端
5、開發電腦應用程式
6、開發手機APP
7、自動化控制網頁
8、整合google各項服務(試算表、表單



1、開發網頁
網頁相信大家都很熟悉,瀏覽器上面看到的網頁幾乎都是html、css、js構成的
html是網頁內容,css是網頁樣式,js是網頁控制交互用的程式碼
只要網頁裡面有控制互動的部分就一定要用js
早期還能用flash,不過隨著js能做的事情愈來愈多,flash已經被淘汰


2、開發網頁應用程式
說到開發應用程式,可能很多人想到的是C++或java之類的程式語言
不過現在瀏覽器功能日益強大,很多事情直接在網頁上就能進行
影像處理、3D渲染、即時視訊,甚至是AR擴增實境
既然瀏覽器能辦到這麼多事情,那麼直接把一個網頁當做應用程式自然也是完全沒問題的
所以現在的瀏覽器提供一種叫「PWA」的東西,能把網頁像是APP一樣安裝到手機上

像是 photopea 就是能直接線上進行影像處理的網頁,對於輕量修圖需求的人來說已經非常足夠


3、開發瀏覽器附加元件
Chrome 跟 火狐 都有相當多的附加元件能安裝,這些也都是用js開發


4、開發伺服器後端
說到伺服器後端,很多人大概會直覺反應 php、asp、jsp
不過很多時候並不需要用到那麼大型的框架
所以像是 python、nodejs、asp.net core 這種輕量的伺服器後端,在近期愈來愈受歡迎


5、開發電腦應用程式
用js開發應用程式主要有2種
1、透過 Electronnodejs 之類的環境,以純js開發應用程式
2、在應用程式裡面內嵌瀏覽器,一部分是js,另一部分是C++、C#之類的其他語言

相當受開發者歡迎的開發工具 vscode,就是用Electron做出來的
程式碼編輯的部分是一個叫 Monaco Editor 的專案,能直接在瀏覽器上運行

我自己開發的 TiefSee 是在C#裡面內嵌瀏覽器,下面的區塊是網頁,其餘的部分是WPF

一些偏靜態的遊戲也能用js開發,像這個遊戲就是直接封裝了一個完整的瀏覽器進去


6、開發手機APP
跟電腦差不多
可以用 cordovaReact Nativeionic 之類的,以純js來開發APP
也能在原本的Android專案或iOS專案裡面嵌入網頁,只有局部使用js

例如巴哈姆特APP,哈拉區、新聞、更換勇者造型 的地方就是用webveiw來顯示網頁


7、自動化控制網頁
電腦瀏覽器只要按F12就能開啟DevTools,在這裡能直接對任何一個網頁注入js來操作
如果是那種需要重複操作的工作,就很適合用注入js的方式來實現自動化



除了用DevTools注入js外,也能透過 Tampermonkey 之類的瀏覽器附加元件實現更多元的操作
例如在網頁載入前就注入js,實現網頁樣式的替換,甚至是改變網頁的佈局


8、整合google各項服務(試算表、表單
Google有相當多的線上服務,地圖、雲端硬碟、信箱、試算表、表單、YouTube 等...
都能透過「Google Apps Script」這種js來進行存取、整合、自動化操作

例如
可以寫一個腳本,當有人填寫新的 Google問卷 時,就寄一封mail或用line送訊息到手機上

用Google Apps Script寫一個爬蟲定時去抓某個網頁的資料,然後把資料寫入到 Google試算表 裡面並產生圖表,最後用 Google協作平台 架設一個網站,嵌入那個 Google試算表 的圖表


舉了這麼多例子,想必大家都已經充分了解js有多nice


(https://www.pixiv.net/artworks/84449751

送禮物贊助創作者 !
0
留言

創作回應

極雄-游泳模式
嗯嗯嗯,我完全懂JS了
2021-06-23 15:34:46
熾望嫣DD
我是看到JS才進來的。(跟預期的...一樣才華洋溢。
2021-06-25 04:45:22
瀧本 - Louis
一開始很討厭寫弱型別語言,到後來漸漸接受了w
2021-06-25 10:00:21
農夫
或許會成為主流 XD https://ithelp.ithome.com.tw/users/20103130/ironman/2125
2021-07-08 17:40:42
great chef
與其用複製貼上,可以把 js 存成小書籤 (bookmarklet) ,就可以放在書籤列裡,點一下就能執行。或者是用油猴腳本方便散布
2021-12-22 19:31:01

更多創作