iT邦幫忙

2022 iThome 鐵人賽

DAY 20
0
自我挑戰組

商科生初探網頁全端開發系列 第 20

Day20-JavaScript Intro

  • 分享至 

  • xImage
  •  

鐵人賽開賽至今邁入第20天,終於進入最大的章節,也是真正的"程式語言"章節,由於篇幅限制,只能簡短介紹所學的內容:

JavaScript(以下簡稱JS)是什麼?
它是一種腳本,也能稱它為程式語言,可在網頁中實現出複雜的功能。使網頁不只呈現靜態內容,另外提供了動態項目:如內容即時更新、繪製 2D/3D 圖形,影片播放……等。
參考自MDN

接下來的介紹主要都會利用Console(控制台)來撰寫/示範JS的特性,這裡我使用Google Chrome內建的console來說明。

開啟方式如下:https://ithelp.ithome.com.tw/upload/images/20220920/20151031fo0Sxbnrrs.png
於網頁空白處點擊滑鼠右鍵跳出選單後,左鍵選擇"檢查",接著在右上工作標籤選取"主控台"即可。


這邊先提到JS的基本型別(Primitive types),最主要有5種:

  1. Number
  2. String
  3. Boolean
  4. Null
  5. Undefined
    #另外還有Symbol、BigInt很少用到這裡先跳過

Number是數值型態的物件,如整數 (integer) 或帶有小數點的浮點數 (floating point) 都屬Number。
#可在console中執行運算:
https://ithelp.ithome.com.tw/upload/images/20220920/20151031tdMbp1akwn.png
也有一些特別的運算子,如餘數運算子:
https://ithelp.ithome.com.tw/upload/images/20220920/20151031Tsb2740UwT.png
用來回傳兩個運算元相除後的餘數,常用於判斷數值奇偶數。
還有如"連續米字號":
https://ithelp.ithome.com.tw/upload/images/20220920/20151031tTjFsgo0Aq.png
可以計算次方值。


上一篇
Day19-Media Queries簡介
下一篇
Day21-JavaScript(NaN/Let/Variable /Const /Boolean)
系列文
商科生初探網頁全端開發30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言