前言
前陣子待業的時候想說反正也沒事,那就來學學 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 = "錯誤";
變數的命名規則
大小寫英文
、數字
、$
( 錢字符號 )、_
( 下底線 )的組合。- 開頭不能為數字。
變數可以被覆蓋
var brief = "王德峰";
document.write(brief);
document.write("<br/>");
brief = "髒洞涼";
document.write(brief);
來借宿的朋友沒帶到內褲怎麼辦?沒關係!原本已經定義變數 brief 為「 王德峰 」,但是後面再把值改成「 髒洞涼 」,這樣變數就會被覆蓋掉,所以後來只要出現 brief 就會自動帶入髒洞涼。