Let's Coding
0%

JS基本功- 變數與型別

Posted on Edited on

使用var來宣告變數

如果var沒有給予任何值，會呈現undefine

給予值之後

程式語言中 等於符號= 不是比較的意思，是->指派值的意思
上圖：1是一個值，它指派給x這個變數

要比較值的大小

  • true,false（布林值）
  • 宣告x為1,y=2;利用 ===來判斷

型別

  • 剛剛把1給x這個變數
  • 當查看型別時，如下圖

在VS code 來撰寫 JS

  • 與剛剛在chrom一樣的方式來輸入x,y
  • 利用console.log來印出資料
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>使用 VS code 來撰寫 JS，講解變數，值與型別</title>
</head>

<body>
  <h1>EX 01</h1>
  <script>
    console.log('hello world')
    var x;
    console.log(x);  // 出現undefined
    var y = 10;
    console.log(y);

  </script>
</body>

</html>

型別介紹：

Number 數值

  • 通常程式語言會分成，如：python’java’c…
    • 整數 integer：只需紀錄完整數字
    • 浮點數 float：小數點
  • 而javascript 不區分 -> 只有 數值number（具有浮點數能力）
  • 以下宣告 b=1.1，查看型別發現是typeof

  • 另外以python為例：可以發現有區分顯示整數、浮點數

程式柴課程：

浮點數的陷阱

  • 因為js運算是依循IEEE754的規範，在運算時會轉換成二進制，而浮點數在轉成二進制時會造成無窮迴圈，進而產生運算誤差
  • 由於js採用64位雙精度浮點數編碼，實際儲存時為了節省空間，採用科學計數法表示

參考資料：
[JavaScript]浮點數運算出現一堆小數位數 JavaScript 浮點數陷阱及解法
js浮點數計算精度問題
JavaScript-Number的各種地雷–浮點數運算

String 字串

程式柴課程：

  • 以chrome開發者工具示範

  • 單雙混用

  • ES6使用 (此符號也能用來處理斷行問題)

  • 字串連接

clear() 清除頁面

Boolean 布林值


二進位：
0的時候->false
1的時候->true

  • 搭配if、else使用，以控制或判斷流程

「null 空值」與 「undefined 未定義」

  • 宣吿了x變數，卻沒有給它值（還沒有指派給它值） ->未定義的變數

  • 期待它是一個空值，是由使用者指派給b變數（指定給它為空值）