微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

TypeScript 学习笔记之基本类型_javascript技巧

php中文网
发布： 2016-05-16 15:54:09
原创
1291人浏览过

在 typescript 中一共有 7 种基本类型。

1、boolean

腾讯交互翻译
腾讯交互翻译

腾讯AI Lab发布的一款AI辅助翻译产品

腾讯交互翻译 183
查看详情 腾讯交互翻译
复制代码 代码如下:

var isDone: boolean = false;

2、number

代表 JavaScript 中的数字。在 JavaScript 中，无论是“整数”还是“浮点数”，都是以双精度浮点类型存储的。

复制代码 代码如下:

var height: number = 6;

3、string

代表字符串。跟 JavaScript 一样，可以使用一对双引号（"）或一对单引号（'）来表示字符串。

复制代码 代码如下:

var name: string = "bob";
name = 'smith';

4、array

TypeScript 中有两种数组声明方法。

立即学习“Java免费学习笔记（深入）”；

①使用“[]”来声明：

复制代码 代码如下:

var list: number[] = [1, 2, 3];

②使用数组类型来声明：

复制代码 代码如下:

var list: Array = [1, 2, 3];

两种声明方式都可以使用，效果并不会有区别。但建议代码中应尽量只使用其中一种，以保持代码风格统一。

5、enum

枚举类型是 TypeScript 中新添加的，而 JavaScript 中是没有这个类型的。

复制代码 代码如下:

enum Color {
    Red,
    Green,
    Blue
};
var c: Color = Color.Green;

跟 C# 一样，如果不声明第一项的值，那么上面 Red 的值就是 0，然后每一项都增加一，即 Green 是 1，Blue 是 2。

复制代码 代码如下:

enum Color {
    Red = 1,
    Green,
    Blue
};
var c: Color = Color.Green;

所以此时 Red 的值为 1，Green 为 2，Blue 为 3。

当然也可以为每一项都指定一个值。

复制代码 代码如下:

enum Color {
    Red = 1,
    Green = 2,
    Blue = 4
};
var c: Color = Color.Green;

另外枚举类型还有一个比较特殊的功能，假如我们有一个数值，但是我们不知道枚举类型中是否有定义，可以用以下方式来获取：

复制代码 代码如下:

enum Color {
    Red = 1,
    Green,
    Blue
};
var colorName: string = Color[2];
alert(colorName);
colorName = Color[4];
alert(colorName);

那么将会输出 Green 和 undefined。因为 Green 的值是 2，而没有一个枚举定义的值是 4，所以返回 undefined。

6、any

和 JavaScript 中变量的默认类型一样，指代是动态的，能够赋予任意类型。例如：

复制代码 代码如下:

var notSure: any = 4;
notSure = "maybe a string instead";
notSure = false; // okay, definitely a boolean

定义为 any 后，将失去语法感知的功能，就相当于写 JavaScript 一样。

值得一提的是，any 可以配合数组来使用：

复制代码 代码如下:

var list: any[] = [1, true, "free"];
list[1] = 100;

7、void

这个类型仅能在函数中使用，可以将函数的返回类型指定为 void，表示该函数不返回任何值。

复制代码 代码如下:

function warnUser(): void {
    alert("This is my warning message");
}

以上所述就是本文的全部内容了，希望大家能够喜欢。

相关标签：
typescript

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：javascript格式化日期时间方法汇总_javascript技巧 下一篇：javascript背景时钟实现方法_javascript技巧
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
使用Fetch API从Koa应用获取数据：正确处理响应体 在使用JavaScript的FetchAPI从Koa等后端应用获取数据时，开发者常遇到的一个误区是直接打印Fetch返回的Response对象而无法看到实际数据。本文将深入讲解如何正确地解析FetchAPI的响应体，通过.then(res=>res.json())等方法将HTTP响应转换为可用的JavaScript数据格式，并提供完整的Koa后端与Fetch前端示例，确保您能成功获取并处理从服务器返回的数据，同时强调错误处理和最佳实践。
2025-11-28 13:34:11
363
柯里化函数编写_javascript函数式技巧 柯里化是将多参数函数转换为依次接收单个参数的函数序列，实现方式是通过闭包保存参数直至数量足够再执行，例如curry(add)(1)(2)(3)返回结果，核心在于分步传参与延迟执行，适用于参数复用、函数组合等场景。
2025-11-28 13:31:55
331
Web Components中多位置渲染Slot内容的挑战与解决方案 本文探讨了在WebComponents（尤其是AngularElements）中，如何将Slot内容渲染到组件内部的多个位置。核心问题在于WebComponents的Slot机制原生不支持将同一份内容渲染到多个Slot实例。文章详细分析了直接使用多个Slot标签和尝试通过JavaScript克隆Slot内容的失败尝试，并提出了一种通过将HTMLElement作为@Input属性传入的替代方案。尽管此方案可行，但也明确指出了其在性能、开发体验和数据传递方面的显著局限性。
2025-11-28 13:30:52
443
Discord.js 实现静音消息发送教程 本教程详细讲解如何在Discord.js中发送静音消息。通过深入分析Discord消息的内部标志位，我们发现设置flags为MessageFlags.SuppressNotifications能够有效抑制通知，实现消息的无声发送。文章将提供具体的代码示例和实践指导，帮助开发者轻松掌握这一高级功能，提升机器人用户体验。
2025-11-28 13:24:22
544
深入理解JavaScript中const在循环中的应用：为何不会引发错误？ 在JavaScript的for循环中，当使用const声明循环体内部的变量时，并不会引发重新赋值错误。这是因为const和let变量具有块级作用域。每次循环迭代都会创建一个新的作用域块，const变量在该块内被声明并初始化，并在迭代结束时超出作用域。因此，每次迭代都是对一个全新变量的声明和初始化，而非对同一变量的重复赋值。
2025-11-28 13:24:02
246
将Vue组件打包为ES模块并在浏览器中直接导入使用：Webpack配置指南 本教程将详细介绍如何配置Webpack，将Vue组件打包为ES模块，从而实现在浏览器中使用标签直接导入和使用组件。这种方法替代了传统的全局变量注入方式，解决了其可能存在的可靠性问题和命名冲突，为前端模块化开发提供了更标准化、更健壮的解决方案。
2025-11-28 13:18:14
352
MongoDB Aggregation排序内存限制：深入理解与优化策略 当MongoDB聚合操作中的$sort阶段遇到内存限制时，尤其是在Atlas免费集群中，即使设置allowDiskUse(true)也可能无效。本文将详细探讨此问题，并提供两种核心优化策略：通过创建索引提升排序效率，以及合理调整聚合管道顺序，以减少处理数据量，从而有效规避内存溢出错误。
2025-11-28 13:18:02
838
如何在WordPress前端实现内容提交与编辑功能 针对在WordPress前端集成Gutenberg区块编辑器的需求，本文探讨了其实现挑战，并提供了一种通过自定义前端表单和后端API进行内容提交的解决方案。同时，文章也提及了WordPress区块主题和高级自定义字段（ACF）作为更接近前端区块编辑体验的替代方案，旨在帮助开发者构建灵活的前端内容管理功能。
2025-11-28 13:12:42
507
HTML表单中按钮行为的解析与控制：type="button" 的关键作用 在HTML表单中，未明确指定type属性的元素默认行为是触发表单提交，这可能导致非提交类功能（如输入框）失效。本教程将深入解析此行为，并提供通过设置type="button"来正确管理表单内按钮行为的解决方案，确保各组件独立运作，避免意外的表单提交。
2025-11-28 13:09:24
452
深入理解Node.js文件I/O：同步与异步执行顺序解析 本文旨在解析Node.js中文件I/O操作的执行优先级问题，特别是异步fs.readFile与同步代码的交互。我们将通过一个典型的案例，深入分析为何异步操作会导致变量初始化顺序与预期不符，并提供两种核心解决方案：使用同步文件读取fs.readFileSync确保阻塞式初始化，或通过fs.promises.readFile结合async/await实现非阻塞的有序异步处理，帮助开发者正确管理Node.js应用的启动流程和数据加载。
2025-11-28 13:06:36
629
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

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

  • PHP学习

  • 技术支持

  • 返回顶部