当前位置: 首页 > 工具软件 > web-poker > 使用案例 >

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

储思聪
2023-12-01

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

介绍

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

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

值有各种类型。

变量概述

为了正确了解 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 数据基元”,因为它们是语言提供的最低级别数据类型。 有六种基元数据类型:stringnumberbigintbooleanundefined 和 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

 类似资料: