JS註冊組|基本資料型態、變數|JavaScript新手學習筆記


Posted by itiswonderfall on 2021-12-13

前言

前陣子待業的時候想說反正也沒事,那就來學學 JavaScript 好了,沒想到看了好學校買的課程頭腦脹了三天三夜,所以決定找更入門、更適合新手的資源,後來意外看到 GrandmaCan -我阿嬤都會 的頻道還真的幫我建立了一點點信心,雖然還是深感連阿嬤都不如哈哈哈,看來學習的路還很漫長呀!

圖片來源

 


 

註解

是註解不是柱柱姊啊!

圖片來源——楊明, Public domain, via Wikimedia Commons

註解可以想像成上課時會抄寫在旁邊的筆記,當瀏覽器在運行時,看到註解符號就會自動跳過它,因此並不會影響到程式運行的結果。

單行只要在文字前加上 // 即可。

// banner從這裡開始

多行的在文字前後加上 /* */ 即可。

/*
    下列程式碼是網站基礎設定
    誰都不准給我更動喔聽好了
    否則我做厲鬼也不會放過你
*/

 


 

三種基本資料型態

 

字串

純文字資料型態,只要在引號 " "' ' ( 單雙引號都可以正常運作 )中間加上想表達的話即可。

"除非把真心放在一旁"
"今生隨緣聚散"
"無怨無悔有幾人"

 

數字

數字資料型態,不能加上引號否則就變成字串了。

7788
16.8

 

布林值

是否資料型態,用來表達資料的判斷正不正確。

true
false

 


 

變數

把敵人變成樹。

變樹

圖片來源

沒有啦!可以把變數想像成一個蘿蔔一個坑,像下面的圖一樣,坑( 內褲 )指的是「 變數 variable 」,而蘿蔔( 😳 )就是「 值 value 」,讓你能更好管理裡面的資料。

一個蘿蔔一個坑

圖片來源

使用方法是在變數前面加上 var ,後面用 ;( 分號 ) 當結尾,如下:

var my_name = "王德峰";

上面程式碼的意思就是把字串「 王德峰 」,放進去「 my_name 」這個變數裡,所以:

//原本是這樣
document.write("打給後,挖喜王德峰");

//可以改寫成
var my_name = "王德峰";
document.write("打給後,挖喜" + my_name);

然後因為 var 為系統保留字,所以變數名稱取 var 就會像分手後的前女友一樣,不理你!

var var = "錯誤";

 

變數的命名規則

  1. 大小寫英文數字$ ( 錢字符號 )、 _ ( 下底線 )的組合。
  2. 開頭不能為數字。

 

變數可以被覆蓋

var brief = "王德峰";
document.write(brief);
document.write("<br/>");
brief = "髒洞涼";
document.write(brief);

來借宿的朋友沒帶到內褲怎麼辦?沒關係!原本已經定義變數 brief 為「 王德峰 」,但是後面再把值改成「 髒洞涼 」,這樣變數就會被覆蓋掉,所以後來只要出現 brief 就會自動帶入髒洞涼。

 


 

參考資料

  1. 【javascript】3小時初學者教學
  2. 變數var 和基本類別,字串String與數字Number
  3. 【JS幼幼班】Step.04 基本語法:變數

#js #JS註冊組 #javascript #註解 #Data Type #Boolean #number #string #variable







Related Posts

Vue起手式

Vue起手式

用 React + Redux 做一個 todo list 吧

用 React + Redux 做一個 todo list 吧

FAQ 程式設計共學營常見問題

FAQ 程式設計共學營常見問題


Comments