iT邦幫忙

2024 iThome 鐵人賽

DAY 3
1
JavaScript

從零開始學習JavaScript 30天系列 第 3

[Day 3] JavaScript基礎認識、資料、資料型態

  • 分享至 

  • xImage
  •  
  • 更新2024.8.13

Hi,大家好,我是Tony,是一個對於程式設計微微有概念的超級新手。
挑戰第三天開始!
再次感謝彭彭老師的課程,我就照著影片進度來學習。

彭彭老師JavaScript 簡介、快速開始:
https://www.youtube.com/watch?v=uG_qoJyyV_Q&list=PL-g0fdC5RMbqW54tWQPIVbhyl_Ky6a2VI&index=13
彭彭老師JavaScript 資料、資料型態:
https://www.youtube.com/watch?v=H80WfhvqFMQ&list=PL-g0fdC5RMbqW54tWQPIVbhyl_Ky6a2VI&index=12

網頁前端工程主要需要知道3大領域

  • HTML:主要是網站的主體架構(房子中的結構梁柱)
  • CSS:網頁排版樣式的細節(房子中的裝潢)
  • JavaScript:互動網頁的物件(房子中的各種傢俱)

Java與JavaScript,是完全不同的東西

  • Java:一種電腦程式設計語言,可在跨平台跨系統之中操作,主要用於桌面應用程式、移動應用程式和大型伺服器端應用程式。
  • JavaScript:主要用於網頁開發,讓網頁具有互動性。

簡單開始JavaScript

程式寫在<script></script>之中

1. 註解

在HTML之中的註解是<!--註解內容-->
JavaScript之中有兩種
- 單行註解: //單行註解內容
- 多行註解
    /*
        多行的
        註解內容
    */

2. 資料

  1. 數字-數字型態資料:表達數字
    123、-123、1.23
  2. 字串-表達文字:使用單引號or雙引號包裹文字
    "你好"、'這樣寫也ok'
  3. 布林值:特殊關鍵字,表達正確&錯誤
    ture:正確、false:錯誤
  4. 空值:特殊關鍵字,代表 空 的概念
    undefined、null:表示空的意思
  5. 物件Object:老師說很複雜所以我還不知道,後面會學XD

Tips:要養成習慣。在每段程式後面記得要加分號(;),表達每一段程式之間分隔
(網友留言:實務上要不要加分號,由每個團隊自行約定)

 //在console中印出資料 console.log(資料)
           console.log("大家好我是Tony");
           console.log(123);
           console.log(false);
           console.log(xyz);//會出現 xyz is not defined

在網頁上看起來就會是
https://ithelp.ithome.com.tw/upload/images/20240809/20168410pliA8nrkwb.jpg
以上就是今日學習的內容,謝謝大家


上一篇
[Day 2] JavaScript之前,開發工具&HTML基礎
下一篇
[Day 4] JavaScript 變數、常數
系列文
從零開始學習JavaScript 30天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

1
agjeremy
iT邦新手 5 級 ‧ 2024-08-12 23:34:11

其實實務上要不要加分號是看團隊習慣而定的

了解~感謝留言!
我終於可以回覆了(通過新手任務),
所以有無分號其實對於程式運行完全沒有差別嗎?謝謝

agjeremy iT邦新手 5 級 ‧ 2024-08-16 20:06:36 檢舉

你可以去了解一下 JS 的 ASI 機制,基本上就是你可以不加分號,但 JS 在運行時會自己幫忙加上。不過在一些特殊情況下 (立即函式之類的) 會需要自己手動加一下分號避免出錯。

我要留言

立即登入留言