第二天：JavaScript 中的变量和数据类型

# Web 开发# JavaScript# 编程# web3

第二天：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 之间的区别

    例子：

    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();

    JavaScript 数据类型

    JavaScript 有两种类型的数据：**原始**和**非原始**。

    原始数据类型

  • 字符串：文本数据。示例：
    • let name = "Arjun";
   console.log(name); // "Arjun"
  • 数字：数值数据。例如：
    • let age = 22;
   console.log(age); // 22
  • 布尔值：真或假值。例如：
    • let isStart_up_guy = true;
   console.log(isStart_up_guy); // true
  • Null：表示故意不提供值。例如：
    • let emptyValue = null;
   console.log(emptyValue); // null
  • 未定义：已声明但未赋值的变量。例如：
    • let uninitialized;
   console.log(uninitialized); // undefined
  • 符号：一个唯一且不可变的值。例如：
    • let uniqueKey = Symbol("key");
   console.log(uniqueKey); // Symbol(key)

    类型转换

    JavaScript 允许您在类型之间转换值。

    隐式转换（强制）

    JavaScript 有时会自动转换类型。

    例子：

    let result = "5" + 5; // String + Number
console.log(result); // "55" (string)

    显式转换

    您可以使用内置函数（例如“Number()”、“String()”或“Boolean()”）手动转换类型。

    例子：

    let num = "42";
let convertedNum = Number(num);
console.log(convertedNum); // 42 (number)

let boolValue = Boolean(0);
console.log(boolValue); // false

    今日练习

  • 使用 let 和 const 声明变量来存储：你最喜欢的书名。你拥有的书籍数量。你是否喜欢读书。
  • 尝试类型转换：将数字转换为字符串。将字符串转换为数字。

    • 第二天总结

    今天，我们讨论了：

  • 变量：var、let 和 const。
  • 原始数据类型：字符串、数字、布尔值、空值、未定义和符号。
  • 类型转换：在 JavaScript 中转换类型的隐式和显式方法。

    • 下一步

    明天，我们将深入研究 JavaScript 中的**运算符和表达式**，以开始操作数据和编写更复杂的程序。敬请期待**第 3 天：运算符和表达式**！