JS趴趴往上走-變數篇

嗨大家好，我是yanennn

關於這篇系列的產生，是因為我是個超級金魚腦(?
看一次忘一次，所以這次想記錄下來，之後忘記還能再翻一次來看看
有可能會有點像隨手筆記，希望不要太在意，也希望看到這邊的你和我都能有一些小收穫:)

變數

變數是個存放資料的基本單位，當你要使用變數時，在ES5需使用var來宣告，到ES6才會有其他宣告變數(eg:let和const)，宣告變數時有些規則要注意，名稱開頭不能使用數字、關鍵字，中文字是可以使用的，但通常怕編碼有問題，所以基本都是使用英文字

最後要注意的事，JavaScript 的語法是有區分大小寫的，也就是說，當你的var apple; 時，你在下面所寫的都只能是apple不能有隨意大小寫(eg:Apple、APPLE)

變數區域

變數有全域變數和區域變數

全域變數為在window上的變數，位置通常是寫在最外面，而區域變數則是宣告在func函式內的變數，這邊要注意，若當在func的變數沒有用var宣告，所產生的一樣是全域變數哦!

 //宣告變數a為0
 var a=0;

 //在function test()內給宣告變數b和a值
 function test(){
     var b=123;
     a=456;
     console.log(b); //因為是內部宣告的值，屬於區域變數影響所以產生值為123
 }
 //執行
 test();

 console.log(a);//答案為456

 //原本預期是產生結果是0，但因test()內的a沒使用var宣告導致這邊的a為全域變數，
 //所以產生的結果為456
 

變數常見型別

變數一共有五種型別，分別為 string(字串)、number(數字)、boolean(布林)、null(空值)和undefined()，以下簡單介紹一下，想知道你的值為哪個型別，我們可以使用typeof來判別

string(字串)

字串通常都是用"  " (雙引號)或'  ' (單引號)包覆

例如下範例:

 var string1="字串";
 var string2='我是字串';

 typeof string1; //string
 typeof string2; //string

number(數字)

顧名思義就是數字，但"  "或'  '包覆的話，就會變成字串哦

如下範例:

 var num1=123;
 var num2=456.3333;
 var num3='24777';
 typeof num1; //number
 typeof num2; //number  有小數點也是數字
 typeof num3; //string  因為有被引號包覆，所以是字串

boolean(布林)

boolean值只有true和flase，通常是用來判斷用的

如下範例:

 var bool=true;
 var bool2=false;
 typeof bool; //boolean
 typeof bool2; //boolean
 

而當他們轉換成數字型別時分別為1和0
如下範例:

 var bool=true;
 var bool2=false;
 bool==1; //true;
 bool2==0; //true

最後的null和undefined
null:此變數曾經有值，但現在為空值
undefined:此變數尚未定義，或者還沒給值

如下範例:

 var abc=null;
 var deg;
 typeof abc; //null
 typeof deg; //undefined

以上大家可以打開開發人員工具玩玩看哦~