iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 3
1
自我挑戰組

Head First!從頭開始學JS 《深入淺出 JavaScript 程式設計》讀書筆記系列 第 3

Day03. 你有JavaScriptStyle嗎?

總算要進入JavaScript的主題了。
本日閱讀進度:第一章 JavaScript 快速導覽(1~21頁)

重點摘要:

  1. JavaScript語法
    因為第一個學的程式語言是Ruby,免不了想拿來和JavaScript比較異同,例如:

    • 每列述句需以分號做結束。
      x = x + 1;

    • 單引號和雙引號使用上沒有什麼不同,前後一致即可。

    • 宣告變數的時候不一定要賦值。
      var width;

    • 字串串接寫法。
      “Dear” + name + ”,”

    • 和Ruby不同,述句中有很多圓括號和花括號。

      if (dog.weight > 30) {
        alert("WOOF WOOF");
      } else {
        alert("woof woof");
      }
      
  2. 變數命名規則

    • 變數名稱的開頭可以是一個字母、底線,或是一個錢字號。但是除非你有很好的理由,否則最好避免使用底線和錢 字號開頭。
    • 之後可以使用多個字母、數字、底線或錢字號。
    • 變數不要使用關鍵字(保留字),以免造成混淆。
    • 建立多單字的變數時,多採用駝峰式命名(camelCase)。
  3. while迴圈
    迴圈對於程式初學者來說是個小關卡,所以書裡用了五球冰淇淋的圖示來介紹迴圈的概念,相當淺顯易懂,之後幾章會再詳細介紹其他迴圈用法。

    var scoops = 5;
    while (scoops > 0){
      document.write("來一球!<br>");
      scoops = scoops - 1;
    }
    document.write("沒有冰淇淋的生活是灰色的");
    

既然上一篇提到圖片有助於學習,那就來張冰淇淋的圖片做為結尾吧!
icecream

本文同步發表於Medium


上一篇
Day02. 沒圖沒真相,看圖學JavaScript才是王道
下一篇
Day.04 到底要放哪裏?JavaScript你搞得我好亂啊!
系列文
Head First!從頭開始學JS 《深入淺出 JavaScript 程式設計》讀書筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
阿展展展
iT邦好手 1 級 ‧ 2019-12-09 06:45:04

冰淇淋/images/emoticon/emoticon21.gif

我要留言

立即登入留言