简单类型

收藏654

阅读3085

更新时间2025-08-12

类型分配

创建变量时,TypeScript 分配类型的主要方式有两种:

  • 显式
  • 隐式

在下面两个例子中,firstName 都是 string 类型。

显式类型

显式 - 写出类型:

let firstName: string = "Dylan";

显式类型分配更易于阅读,更具意图性。

隐式类型

隐式 - TypeScript 将根据分配的值“猜测”类型:

let firstName = "Dylan";

注意:让 TypeScript “猜测”一个值的类型称为 infer(推断)。

隐式赋值强制 TypeScript 推断该值。

隐式类型分配更短,输入更快,通常在开发和测试时使用。

类型分配错误

如果数据类型不匹配,TypeScript 将抛出错误。

实例

let firstName: string = "Dylan"; // string 类型
firstName = 33; // 尝试将值重新分配为不同类型

隐式类型分配会使 firstName 作为 string 不那么明显,但两者都会抛出一个错误:

实例

let firstName = "Dylan"; // 推断为 string 类型
firstName = 33; // 尝试将值重新分配为不同类型

对于不匹配的类型,JavaScript 不会抛出错误。

无法推断

TypeScript 可能并不总是能正确推断出变量的类型。在这种情况下,它会将类型设置为 any,这会禁用类型检查。

实例

// 隐式的 any,因为 JSON.parse 不知道它返回的数据类型,所以它可以是“任何”东西...
const json = JSON.parse("55");
// 大多数人期望 json 是对象,但在此例中,它也可以是字符串或数字
console.log(typeof json);

可以通过在 TypeScript 的项目 tsconfig.json 中启用 noImplicitAny 选项来禁用此行为。这是一个用于自定义 TypeScript 的某些行为的 JSON 配置文件。

注意:您可能会看到像 Boolean 这样的基本类型大写。

boolean !== Boolean

在本教程中,只需知道使用小写值,大写值仅用于非常特定的情况。

相关

视频

RELATED VIDEOS

更多

免费

Web前端开发极速入门
初级 Web前端开发极速入门

219920次学习

收藏

免费

前端入门_HTML5
初级 前端入门_HTML5

616946次学习

收藏

免费

30分钟学会网站布局
初级 30分钟学会网站布局

238440次学习

收藏

免费

CSS视频教程-玉女心经版
初级 CSS视频教程-玉女心经版

393054次学习

收藏

免费

独孤九贱(1)_HTML5视频教程

免费

独孤九贱(6)_jQuery视频教程

免费

独孤九贱(7)_Bootstrap视频教程

免费

独孤九贱(2)_CSS视频教程
初级 独孤九贱(2)_CSS视频教程

229605次学习

收藏

科技资讯

更多

精选课程

更多
前端入门_HTML5
前端入门_HTML5

共29课时

61.7万人学习

CSS视频教程-玉女心经版
CSS视频教程-玉女心经版

共25课时

39.3万人学习

JavaScript极速入门_玉女心经系列
JavaScript极速入门_玉女心经系列

共43课时

70.9万人学习

独孤九贱(1)_HTML5视频教程
独孤九贱(1)_HTML5视频教程

共25课时

61.6万人学习

独孤九贱(2)_CSS视频教程
独孤九贱(2)_CSS视频教程

共22课时

23万人学习

独孤九贱(3)_JavaScript视频教程
独孤九贱(3)_JavaScript视频教程

共28课时

33.9万人学习

独孤九贱(4)_PHP视频教程
独孤九贱(4)_PHP视频教程

共89课时

125万人学习

关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号