2022年8月18日：面向初学者的 web 开发--JavaScript 变量和数据类型

本文链接：https://blog.csdn.net/DXB2021/article/details/126413483

了解变量以及填充变量的数据类型。

介绍

编程语言涵盖了很多概念。无论是小型的命令行应用程序，还是大型的业务系统，都可以使用这些概念进行创建。在创建应用程序之前，需要先了解一种语言的基础知识。

一个重要的基本概念是变量。

值有各种类型。

变量概述

为了正确了解 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