TypeScript Academy · 课时

基本类型：string、number、boolean

Q: 「基本类型：string、number、boolean」这节课中我会学到什么？

使用 TypeScript 的三种核心基本类型为变量添加注解。 你通过在浏览器中直接运行的动手代码来练习 TypeScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

使用 TypeScript 的三种核心基本类型为变量添加注解。

基本类型：string、number、boolean 是 CoddyKit 上的免费 TypeScript Academy 课时。这是第 1 节课，共 4 节。你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。这是 TypeScript Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 TypeScript Academy 课程共包含 4 节课。

欢迎

TypeScript 的三个核心基本类型是字符串、数字和布尔值。本课将介绍如何为变量添加这些类型的注解。

为变量添加注解

在变量名后加上冒号和类型注解。TypeScript 会在变量的整个生命周期内强制执行该类型。

let username: string = 'Alice';
let score: number = 100;
let isLoggedIn: boolean = true;

类型推断

TypeScript 可以根据初始值推断类型。您不必总是显式添加注解，编译器会自动推断类型。

let city = 'Istanbul';   // inferred as string
let price = 9.99;        // inferred as number
let enabled = false;     // inferred as boolean

编译时类型错误

变量确定类型后，为其赋予其他类型就会产生编译时错误。TypeScript 会在代码运行前捕获此错误。

let count: number = 10;
count = 'ten'; // Error: Type 'string' is not assignable to type 'number'

字符串类型

字符串类型表示所有文本值。TypeScript 会检查字符串操作（例如 .toUpperCase()）是否有效。

let greeting: string = 'Hello';
console.log(greeting.toUpperCase()); // 'HELLO'
console.log(greeting.length);        // 5

数字类型

TypeScript 像 JavaScript 一样，使用一种数字类型同时表示整数和浮点数。它没有单独的整数类型或浮点数类型。

let age: number = 25;
let pi: number = 3.14159;
let hex: number = 0xFF;

布尔类型

boolean 表示 true 或 false。TypeScript 通过强制要求 boolean 变量只能保存 true 或 false，避免真值或假值强制转换导致的错误。

let isDone: boolean = false;
let hasAccess: boolean = true;
// isDone = 1; // Error — not a boolean

模板字面量可与 string 配合使用

TypeScript 会为模板字面量表达式进行类型检查。将非 string 值嵌入模板字面量是允许的，因为 JavaScript 会将其强制转换为 string。

let name: string = 'World';
let n: number = 42;
let msg = `Hello ${name}, you scored ${n}`;

原始类型与包装对象

始终使用小写的 string、number、boolean，不要使用 String、Number、Boolean。大写版本是对象包装类型，应当很少使用。

// Correct
let a: string = 'hello';

// Avoid
let b: String = new String('hello'); // wrapper object

函数参数的类型标注

为函数参数添加原始类型标注，可以在编译时捕获参数错误。

function add(a: number, b: number): number {
  return a + b;
}
add(2, 3);      // OK
// add(2, '3'); // Error

何时可以省略类型标注

如果使用某个值初始化变量，TypeScript 会推断其类型。添加显式类型标注并非必需，但可以提高函数签名的可读性。

// Both are fine:
const x = 5;          // inferred number
const y: number = 5;  // explicit number

快速检查

值 3.14 应使用哪种正确的 TypeScript 原始类型？

回顾

在 TypeScript 中，使用 string、number 和 boolean 表示原始类型。TypeScript 会根据初始值推断类型，但在函数签名中，显式类型标注很有用。始终使用小写的类型名称。

常见问题解答

「基本类型：string、number、boolean」课时是免费的吗？

是的 — 「基本类型：string、number、boolean」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 TypeScript Academy 课程的其余内容，请升级到 CoddyKit PRO。 TypeScript Academy 课程共包含 4 节课。

「基本类型：string、number、boolean」这节课中我会学到什么？

使用 TypeScript 的三种核心基本类型为变量添加注解。你通过在浏览器中直接运行的动手代码来练习 TypeScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 TypeScript Academy 需要有经验吗？

无需任何先前经验。CoddyKit 上的 TypeScript Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。这是第 1 节课，共 4 节。

「基本类型：string、number、boolean」课时需要多长时间？

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。

我能在这节 TypeScript Academy 课中编写并运行代码吗？

能。每节 TypeScript Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

← 返回 TypeScript Academy