2022年8月18日：面向初学者的 web 开发--JavaScript 变量和数据类型
了解变量以及填充变量的数据类型。
介绍
编程语言涵盖了很多概念。 无论是小型的命令行应用程序，还是大型的业务系统，都可以使用这些概念进行创建。 在创建应用程序之前，需要先了解一种语言的基础知识。
一个重要的基本概念是变量。
值有各种类型。
变量概述
为了正确了解 JavaScript 这种在 Web 上提供交互功能的语言，首先需要了解语言的数据类型和变量，以及如何创建它们。
使用变量记住值
使用 JavaScript 编写代码时，了解如何正确使用变量和数据类型是至关重要的。 变量存储的值可以在整个代码中使用和和更改，数据类型有助于描述这些变量中存储的数据类型。
变量
使用以下语法创建和声明变量：[keyword] [name]。
var aVariable;关键字 var 指示需要声明变量，并且 aVariable 是变量的名称。
用于处理变量的关键字
关键字 let 是在 JavaScript 标准 ECMAScript 6 (ES6) 中引入的。 使用 let 可为变量提供块范围。 建议使用 let（而不是 var）以便更好地管理应用程序中的范围。
JavaScript 使用不同类型的范围（如全局范围和函数范围）来确定哪些变量在代码的哪些部分中可用。 例如，全局变量在函数内可用，因为它属于全局范围或“外部”范围。 使用 var 关键字指定的变量的范围限定在函数体内（其值可见），并且 let 变量的范围限定为大括号内的封闭块。
若要使用 let 声明变量，请使用以下语法：
let myVariable;myVariable 现已通过 let 关键字声明。
赋值
若要将值存储在变量中，请使用赋值运算符 (=)，后跟预期值：
myVariable = 123;显式初始化
初始化不同于赋值，因为它既声明值又赋值。下面是初始化的示例：
let myVariable = 123;更改变量
以下代码演示如何使用赋值运算符 (=)，以及如何在运算符右侧赋值：
myVariable = 321;常量
常量的声明和初始化遵循与变量相同的概念，只不过它使用 const 关键字：
const MY_VARIABLE = 123;常量类似于变量，但有两种例外情况：
- 它们必须具有值。 常量必须经过初始化，否则你在运行代码时将发生错误。
- 无法更改引用。 如果常量的引用在初始化后发生更改，你在运行代码时将发生错误。
数据类型
变量可以存储许多不同类型的值，比如数字和文本。 这些值称为“数据类型”。
数据类型是软件开发的重要组成部分，因为开发人员可以使用它们来决定如何编写代码，以及如何运行软件。 某些数据类型具有独特的功能，可帮助转换或提取值中的更多信息。
数据类型也称为“JavaScript 数据基元”，因为它们是语言提供的最低级别数据类型。 有六种基元数据类型：string、number、bigint、boolean、undefined 和 symbol。
数字
变量可以存储所有类型的数字，包括小数或负数。 数字还可以与算术运算符一起使用。
下面是在执行算术函数时可以使用的一些运算符类型：
| 符号 | 说明 | 示例 |
|---|---|---|
+ | 加法：计算两个数字的和。 | 1 + 2 //expected answer is 3 |
- | 减法：计算两个数字的差。 | 1 - 2 //expected answer is -1 |
* | 乘法：计算两个数字的乘积。 | 1 * 2 //expected answer is 2 |
/ | 除法：计算两个数字的商。 | 1 / 2 //expected answer is 0.5 |
% | 余数：计算两个数字的除法计算中的余数。 | 1 % 2 //expected answer is 1 |
字符串
字符串是位于单引号或双引号之间的字符集。
字符串具有文本属性，需要不时地设置格式。
若要将两个或更多个字符串连接在一起，或将它们联接在一起，请使用 + 运算符：
let myString1 = "Hello";
let myString2 = "World";
myString1 + myString2 + "!"; //HelloWorld!
myString1 + " " + myString2 + "!"; //Hello World!
myString1 + ", " + myString2 + "!"; //Hello, World!模板文本是设置字符串格式的另一种方法，只不过使用的是反撇号（而不是引号）。 非纯文本的任何内容都必须放置在占位符 ${ } 中，其中包括可能是字符串的任何变量。 下面是一个示例：
let myString1 = "Hello";
let myString2 = "World";
`${myString1} ${myString2}!` //Hello World!
`${myString1}, ${myString2}!` //Hello, World!你可以用这两种方法实现格式设置目标，但模板文本将采用任何空格和换行符。
布尔型
布尔值只能是两个值：true 或 false。
练习 - 数据类型
完整代码应如下所示：
const STARTING_POKER_CHIPS = 100; // points
const PLAYERS = 3;
const NO_OF_STARTER_CARDS = 2;
let gameHasEnded = false;
let playerOneName = "Chloe";
let playerTwoName = "Jasmine";
let playerThreeName = "Jen";
console.log(`Welcome to Texas Hold'em. The championship title will be awarded to one of these three players: ${playerOneName}, ${playerTwoName}, and ${playerThreeName}. Each player has ${STARTING_POKER_CHIPS} in their pot. We have an exciting game ahead of us. May the best player win!`);
let playerOnePoints = STARTING_POKER_CHIPS;
let playerTwoPoints = STARTING_POKER_CHIPS;
let playerThreePoints = STARTING_POKER_CHIPS;
playerOnePoints -= 50;
playerTwoPoints -=25;
playerThreePoints +=75;
gameHasEnded = ((playerOnePoints + playerTwoPoints) == 0) || // three has one
((playerTwoPoints + playerThreePoints) == 0) || // one has won
((playerOnePoints + playerThreePoints) == 0); // two has won
console.log("Game has ended: ", gameHasEnded);若要运行游戏，请在终端中输入以下代码：
node app.js终端中应会显示以下输出：
Welcome to Texas Hold'em. The championship title will be awarded to one of these three players: Chloe, Jasmine, and Jen. Each player has 100 in their pot. We have an exciting game ahead of us. May the best player win!
Game has ended: false