iT邦幫忙

2024 iThome 鐵人賽

DAY 2
0
JavaScript

JavaScript 基礎:端開發的第一步系列 第 2

基本語法:變量與數據類型

  • 分享至 

  • xImage
  •  

變量和數據類型是最基礎的概念。變量是用來存儲數據的地方,而不同的數據類型則決定了變量能存儲什麼樣的值。今天我們來看如何宣告變量,並且了解 JavaScript 中常見的數據類型。

1. 變量的宣告

JavaScript 提供三種方式來宣告變量:var、let 和 const。每種方式的用途有些不同:

  • var:比較老的用法,現在基本不推薦使用。 var 宣告的變量有點不安全,因為它可以跨函數或區塊作用域而影響到全局範圍。
  • let:現代 JavaScript 中推薦使用的變量宣告方式,適合在區塊內使用,可以重新賦值。
  • const:這是用來宣告「常量」的,值一旦賦予後就不能再更改。如果你確定某個變量的值不會變,最好用 const。

範例:

let username = 'pao'; // 變量可以重新賦值
const userAge = 20; // 變量不能重新賦值

2. 常見的數據類型

JavaScript 中有幾種常見的基本數據類型,我們經常會用到:

  • 字串(String):用來表示文字內容,必須用引號包起來,可以是單引號 ' 或雙引號 ".

    let message = "Hello!";

  • 數字(Number):數字類型包括整數和浮點數(小數)。

    let price = 100.50;

  • 布爾值(Boolean):表示 true 或 false,常用於判斷和邏輯運算。

    let isLoggedIn = false;

  • null:表示「沒有值」,這是手動設置的「空」值。

    let selectedOption = null;

  • undefined:當變量被宣告但尚未賦值時,默認值就是 undefined。

    let userStatus;

  • 物件(Object):這是複雜的數據類型,可以用來存儲多個屬性和方法。

    let user = { name: 'pao', age: 20 };

3. 如何檢查變量的數據類型

你可以用 typeof 來檢查變量的數據類型,它會返回這個變量的類型。

console.log(typeof username); // "string"
console.log(typeof price); // "number"
console.log(typeof isLoggedIn); // "boolean"
console.log(typeof user); // "object"


上一篇
JavaScript 介紹與基本設置
下一篇
基本運算符
系列文
JavaScript 基礎:端開發的第一步30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言