JavaScript 变量

什么是变量？

简单来说，变量就是一个名字，它代表某个值。这个值可以改变，所以叫 “变量”。在程序中，我们通过变量名来使用这个值，而不需要每次都直接写死数据，这让代码更灵活，也更易于维护。

我们可以使用这个变量来存储各种数据，包括数字、文字，字符串、对象、函数或者更复杂的数据。

在 JavaScript 中，我们使用特定的关键字来 “声明” 一个变量，最常用的关键字有三个：var、let 和 const。

---

使用 let 声明变量

let 是现代 JavaScript 中声明变量的首选方式。它的用法很简单。

你只需要写出 let，然后跟上你为变量取的名字。例如：

let website;

这行代码就创建了一个叫做 website 的变量。现在，这个变量还没有值（即值为 undefined）。

我们也可以在声明的同时，立即给这个变量赋值，这叫做 “初始化”。例如：

let website = "开创者教程";

这行代码就创建了一个叫做 website 的变量，它的值是字符串 “开创者教程”。

判断变量是否定义：

if (typeof variable === 'undefined') {
    // 变量未定义
}

判断变量是否赋值：

if (variable === undefined) {
    // 变量已定义但未赋值
}

---

使用 const 声明变量

const 用于声明一个常量。简单来说就是指不可改变的变量，意味着它的值被声明后不能被重新赋值。

为了与变量做区分，我们强烈建议在定义常量时，使用字母大写、用下划线（_）连接。

常量经常用于定义配置项，比如 API 密钥、端点 URL、项目名称，引入模块和库，枚举和状态码，缓存 DOM 元素引用等。

const API_BASE_URL = 'https://www.kaicz.com';

在网站开发中，我们经常需要定义一些在整个项目中使用的常量值，比如 API 基础 URL。使用const声明这些值可以确保它们不会被意外修改，提高代码的可靠性和可维护性。

因此，当你确定一个值永远不会改变时，请使用 const，这样可以避免被错误修改，提高代码业务安全性。

---

使用 var 声明变量（了解即可）

var 是 JavaScript 早期声明变量的方式，现在依然可以用。因为它的一些特性容易导致代码出现意想不到的问题，所以在新写的代码中，建议优先使用let和 const。

现在，你依然可以会在一些老的教程或代码中看到它：var oldVariable;。比如：

var website = "开创者教程";

---

为变量赋值

无论是用哪种方式声明的变量，我们都可以使用等号 =（赋值运算符）来给它赋值或改变它的值。例如：

let url;                // 声明一个变量
url = "www.google.com"; // 给它赋值为 "www.google.com"
url = "www.kaicz.com";  // 我们也可以把它改为 "www.kaicz.com"

对于let声明的变量，我们可以多次赋值。但是注意，对于const声明的常量，赋值只能在声明的那一次完成。

被赋值为undefined的变量和未定义变量虽然在代码语义上不是一回事，但从执行结果上看是完全相同的。所以在实际使用中可以相互替换。

---

变量命名规则

你不能随意给变量起名字，需要遵循一些规则，来提高变量的可读性。

首先，变量名只能包含字母、数字、下划线（_）和美元符号（$）。

其次，变量名不能以数字开头。

另外，变量名是区分大小写的。这意味着websiteUrl和websiteurl是两个不同的变量。

还有一些保留字（比如 let, if 等）不能用作变量名。

为了让代码更清晰，建议使用描述性的名称，比如websiteUrl而不是wu。如果名字包含多个单词，通常使用 “小驼峰命名法”，即第一个单词首字母小写，后面每个单词首字母大写，例如：myWebsiteUrl。

---

变量的数据类型

JavaScript 是一种动态类型语言，这意味着同一个变量可以先后保存不同类型的数据。例如：

let message = "I Love Kaicz Tutorial!"; // 此时变量是字符串类型
message = 998; // 现在变量又变成了数字类型

虽然这样可以很灵活，但有时也容易出错，所以需要特别注意。常见的数据类型有：数字（Number）、字符串（String）、布尔值（Boolean，true/false）等。

---

---