第 2 天:JavaScript 中的變數與資料型別
歡迎來到學習 JavaScript 的第二天!今天,我們將探討任何程式的建構塊:變數和資料型別。這些概念至關重要,因為它們構成了您在 JavaScript 中所做的一切的基礎。
什麼是變數?
變數就像是保存資料值的容器。將其視為一個帶有標籤的盒子,您可以在其中存儲信息、稍後檢索信息,甚至更改其內容。
在 JavaScript 宣告變數
JavaScript 提供了三種宣告變數的方式:
- var - 舊方法(除非必要,否則避免使用它)。
- let - 建議用於可以更改的變數。
- const - 用於不應更改的變數(常數)。
範例:
var oldWay = "Avoid this if possible"; let currentWay = "Use let for variables that can change"; const fixedValue = "Use const for constants";
var、let 和 const 之間的差異
Feature | var | let | const |
---|---|---|---|
Scope | Function-scoped | Block-scoped | Block-scoped |
Reassignable | Yes | Yes | No |
Redeclarable | Yes | No | No |
範例:
var oldWay = "Avoid this if possible"; let currentWay = "Use let for variables that can change"; const fixedValue = "Use const for constants";
JavaScript 資料型別
JavaScript 有兩種類型的資料:原始 和 非原始。
原始資料型別
- 字串:文字資料。 例子:
function scopeTest() { if (true) { var x = "Function scope"; let y = "Block scope"; const z = "Constant"; } console.log(x); // Accessible // console.log(y); // Error: y is not defined // console.log(z); // Error: z is not defined } scopeTest();
- 數字:數字資料。 例子:
let name = "Arjun"; console.log(name); // "Arjun"
- 布林值:真值或假值。 例子:
let age = 22; console.log(age); // 22
- Null:表示有意缺少值。 例子:
let isStart_up_guy = true; console.log(isStart_up_guy); // true
- 未定義:已宣告但未賦值的變數。 例子:
let emptyValue = null; console.log(emptyValue); // null
- 符號:獨特且不可變的值。 例子:
let uninitialized; console.log(uninitialized); // undefined
型別轉換
JavaScript 允許您在類型之間轉換值。
隱式轉換(強制)
JavaScript 有時會自動轉換型別。
例:
let uniqueKey = Symbol("key"); console.log(uniqueKey); // Symbol(key)
明確轉換
您可以使用 Number()、String() 或 Boolean() 等內建函數手動轉換類型。
例:
let result = "5" + 5; // String + Number console.log(result); // "55" (string)
今天的練習
-
使用let和const宣告變數來儲存:
- 你最喜歡的書名。
- 您擁有的書籍數量。
- 無論你是否喜歡閱讀。
-
嘗試型別轉換:
- 將數字轉換為字串。
- 將字串轉換為數字。
第二天總結
今天,我們介紹了:
- 變數:var、let 和 const。
- 原始資料型別:字串、數字、布林值、空、未定義和符號。
- 型別轉換:在 JavaScript 中轉換型別的隱式和顯式方法。
後續步驟
明天,我們將深入研究 JavaScript 中的運算子和表達式,開始操作資料並編寫更複雜的程式。請繼續關注第 3 天:運算符和表達式!
以上是JavaScript 中的日期變數和資料類型的詳細內容。更多資訊請關注PHP中文網其他相關文章!

JavaScript字符串替換方法詳解及常見問題解答 本文將探討兩種在JavaScript中替換字符串字符的方法:在JavaScript代碼內部替換和在網頁HTML內部替換。 在JavaScript代碼內部替換字符串 最直接的方法是使用replace()方法: str = str.replace("find","replace"); 該方法僅替換第一個匹配項。要替換所有匹配項,需使用正則表達式並添加全局標誌g: str = str.replace(/fi

因此,在這裡,您準備好了解所有稱為Ajax的東西。但是,到底是什麼? AJAX一詞是指用於創建動態,交互式Web內容的一系列寬鬆的技術。 Ajax一詞,最初由Jesse J創造

本文討論了在瀏覽器中優化JavaScript性能的策略,重點是減少執行時間並最大程度地減少對頁面負載速度的影響。

本文討論了使用瀏覽器開發人員工具的有效JavaScript調試,專注於設置斷點,使用控制台和分析性能。

將矩陣電影特效帶入你的網頁!這是一個基於著名電影《黑客帝國》的酷炫jQuery插件。該插件模擬了電影中經典的綠色字符特效,只需選擇一張圖片,插件就會將其轉換為充滿數字字符的矩陣風格畫面。快來試試吧,非常有趣! 工作原理 插件將圖片加載到畫布上,讀取像素和顏色值: data = ctx.getImageData(x, y, settings.grainSize, settings.grainSize).data 插件巧妙地讀取圖片的矩形區域,並利用jQuery計算每個區域的平均顏色。然後,使用

本文將引導您使用jQuery庫創建一個簡單的圖片輪播。我們將使用bxSlider庫,它基於jQuery構建,並提供許多配置選項來設置輪播。 如今,圖片輪播已成為網站必備功能——一圖胜千言! 決定使用圖片輪播後,下一個問題是如何創建它。首先,您需要收集高質量、高分辨率的圖片。 接下來,您需要使用HTML和一些JavaScript代碼來創建圖片輪播。網絡上有很多庫可以幫助您以不同的方式創建輪播。我們將使用開源的bxSlider庫。 bxSlider庫支持響應式設計,因此使用此庫構建的輪播可以適應任何

數據集對於構建API模型和各種業務流程至關重要。這就是為什麼導入和導出CSV是經常需要的功能。在本教程中,您將學習如何在Angular中下載和導入CSV文件


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

Dreamweaver Mac版
視覺化網頁開發工具

PhpStorm Mac 版本
最新(2018.2.1 )專業的PHP整合開發工具

ZendStudio 13.5.1 Mac
強大的PHP整合開發環境

SublimeText3漢化版
中文版,非常好用