Skip to main content

WTF JavaScript 极简教程: 3. 常用类型

WTF JavaScript 教程,帮助新人快速入门 JavaScript。

推特@WTFAcademy_ | @0xAA_Science

WTF Academy 社群: 官网 wtf.academy | WTF Solidity 教程 | discord | 微信群申请

所有代码和教程开源在 github: github.com/WTFAcademy/WTF-Javascript


这一讲,我们将介绍 JavaScript 中常用的数据类型:数值(Number)、字符串(String) 和 布尔值(Boolean)。

1. 数值 Number

数值(Number)是 JavaScript 中最常用的类型,它既可以声明整数,也可以声明浮点数(小数)。

// 声明整数
const int = 10;
// 声明浮点数
const float = 1.1;

1.1 NaN、Infinity、-Infinity

JavaScript 中有三个特殊数值。

  1. NaN:表示 “不是数值”,当返回数值的操作失败时会出现,比如 0 / 0(表示 0 除以 0)。

    const nan = 0/0 // NaN
  2. Infinity:无穷大,表示超出上限的结果,比如 1 / 0

    const inf = 1/0 // Infinity
  3. -Infinity:负无穷大,表示超出下限的结果,比如 -1 / 0

    const negInf = -1/0 // -Infinity

2. 字符串 String

JavaScript 中的文本由字符串(String)类型表示。你可以使用双引号("")、单引号('')或反引号(``)标示它。

const str1 = "WTF"; // 双引号(推荐)
const str2 = 'Academy'; // 单引号
const str3 = `JavaScript`; // 反引号(模板字符串)

2.1 模板字符串

在 ES6 之后的版本中,字符串可以用反引号标示,这样的字符串被称为“模板字符串”(Template Literals)。它很有意思,可以用作字符串插值:在模板字符串使用 ${} 可以在其中插入变量并解析。

const name = "0xAA";
const age = 18;
const template = `姓名 ${name},年龄 ${age}`;
console.log(template); // 姓名 0xAA,年龄 18。

改变 nameage 值改变的时候,模板字符串也会作相应改变。

3. 布尔值 Boolean

布尔值(Boolean)类型用于表示 真或假是与非。它只有两个值:truefalse。我们经常在控制结构,比如 if/else 语句中使用它,之后章节中会涉及。

const bool1 = true;
const bool2 = false;

习题

请补全下面的代码,让它正常运行。注意,nickname 为字符串, age 为数值,isDev 为布尔值。你可以在链接上找到这段代码。

const nickname = ; // 昵称
const age = ; // 年龄
const isDev = ; // 是否为开发者
const template = `欢迎 ${age} 岁的 ${nickname} 来到 WTF Academy!
你是开发者吗? ${isDev}`;
console.log(template);

总结

这一讲,我们介绍了三种最常用的变量类型:数值,字符串,和布尔值。你会在之后的 JavaScript 之旅中不断和他们打交道!