TypeScript基础 1

简介: TypeScript基础

一、关于 TypeScript

TypeScript是 JavaScript 的一个超集,主要提供了类型系统和对 ES6 的支持,它由 Microsoft 开发

二、TypeScript优缺点

TypeScript 增加了代码的可读性和可维护性

·         类型系统实际上是最好的文档,大部分的函数看看类型的定义就可以知道如何使用了

·         可以在编译阶段就发现大部分错误,这总比在运行时候出错好

·         增强了编辑器和 IDE 的功能,包括代码补全、接口提示、跳转到定义、重构等

TypeScript 拥有活跃的社区

·         大部分第三方库都有提供给 TypeScript 的类型定义文件

·         Google 开发的 Angular2 就是使用 TypeScript 编写的

·         TypeScript 拥抱了 ES6 规范

TypeScript 的缺点

TypeScript 的弊端在于:

·         有一定的学习成本,需要理解接口(Interfaces)、泛型(Generics)、类(Classes)、枚举类型(Enums)等概念

·         短期可能会增加一些开发成本,毕竟要多写一些类型的定义,不过对于一个需要长期维护的项目,TypeScript 能够减少其维护成本

·         集成到构建流程需要一些工作量

·         可能和一些库结合的不是很完美

三、安装 TypeScript

npm install -g typescript
tsc xxxx.ts

四、Hello TypeScript

function sayHello(person: string) {
    return 'Hello, ' + person;
}
let user = 'Tom';
console.log(sayHello(user));
执行 tsc hello.ts
这时候会生成一个编译好的文件 hello.js:function sayHello(person) {
    return 'Hello, ' + person;
}
var user = 'Tom';
console.log(sayHello(user));
TypeScript 中,使用 : 指定变量的类型,: 的前后有没有空格都可以


注意点:

TypeScript 如果发现有错误,编译的时候就会报错。

TypeScript 编译的时候即使报错了,还是会生成编译结果,我们仍然可以使用这个编译之后的文件。

如果要在报错的时候终止 js 文件的生成,可以在 tsconfig.json 中配置 noEmitOnError 即可。关于 tsconfig.json,参考官方手册中文版)

五、原始数据类型

1、布尔值

var isScuess: boolean = false;
注意,使用构造函数 Boolean 创造的对象不是布尔值:new Boolean() 返回的是一个 Boolean 对象:let createdByNewBoolean: Boolean = new Boolean(1);
直接调用 Boolean 也可以返回一个 boolean 类型
let createdByBoolean: boolean = Boolean(1);

2、数值

var decLiteralNum: number = 6;
var hexLiteralNum: number = 0xf00d;
// ES6 中的二进制表示法
var binaryLiteralN: number = 0b1010;
// ES6 中的八进制表示法
var octalLiteralN: number = 0o744;
var notANumber: number = NaN;  //typeof
var infinityNumber: number = Infinity;
其中 0b1010 和 0o744 是 ES6 中的二进制和八进制表示法,它们会被编译为十进制数字。

3、字符串

let myName: string = 'Tom';
let myAge: number = 25;
// 模板字符串
let sentence: string = `Hello, my name is ${myName}.
I'll be ${myAge + 1} years old next month.`;

4、空值

function alertName(): void {
    alert('My name is Tom');
}
声明一个 void 类型的变量没有什么用,因为你只能将它赋值为 undefined 和 null:let unusable: void = undefined;
5、null和undefined
在 TypeScript 中,可以使用 null 和 undefined 来定义这两个原始数据类型:let u: undefined = undefined;
let n: null = null;
undefined 类型的变量只能被赋值为 undefined,null 类型的变量只能被赋值为 null。与 void 的区别是,undefined 和 null 是所有类型的子类型。也就是说 undefined 类型的变量,可以赋值给 number 类型的变量:// 这样不会报错
let num: number = undefined;
// 这样也不会报错
let u: undefined;
let num: number = u;
而 void 类型的变量不能赋值给 number 类型的变量:let u: void;
let num: number = u;


相关文章
|
Linux
vsftpd 修改指定端口
vsftpd的一般默认端口为21,一般来说端口21不太方便开放,因此多数时间需要修改指定默认的端口。
2499 0
|
12月前
|
缓存 前端开发 JavaScript
Webpack技术深度解析:模块打包与性能优化
【10月更文挑战第13天】Webpack技术深度解析:模块打包与性能优化
|
11月前
|
敏捷开发 监控 数据可视化
2024年敏捷项目管理工具使用排行榜:哪些工具适合大型团队?
随着敏捷方法的普及,2024年的敏捷项目管理工具市场更加多样化,从团队协作到任务追踪,功能日益丰富。本文将评测六款热门工具:板栗看板、Wrike、Smartsheet、TeamGantt、Targetprocess和Airtable,分析其功能亮点、适用行业及优缺点,助力企业选择最适合的工具。
2024年敏捷项目管理工具使用排行榜:哪些工具适合大型团队?
|
12月前
|
存储 前端开发 API
在网页中进行音频录制
【10月更文挑战第9天】
833 58
|
7月前
|
机器学习/深度学习 人工智能 搜索推荐
数字中国的"CRM答案":销售易凭什么赢得Gartner席位?
在数字化转型浪潮中,客户关系管理(CRM)成为企业核心竞争力的关键工具。腾讯旗下的销售易作为唯一连续8年入选Gartner魔力象限的中国CRM厂商,标志着中国CRM技术在全球范围内的突破。销售易通过原生PaaS平台、AI+BI驱动、全渠道连接等技术创新,构建了符合本土需求的“技术护城河”。深耕中国市场,销售易更贴合本地业务场景,提供高效连接微信等社交渠道的服务,助力企业实现从营销到服务的全流程管理。目前,销售易已服务5000多家大中型企业,并拓展至东南亚市场,致力于从“中国第一”迈向“世界级CRM”,以数字化力量赋能全球企业连接客户新模式。
|
11月前
|
监控 Java 数据安全/隐私保护
如何用Spring Boot实现拦截器:从入门到实践
如何用Spring Boot实现拦截器:从入门到实践
481 5
|
easyexcel UED
|
缓存 NoSQL 数据库
分布式锁的实现逻辑及底层原理你了解多少
分布式锁是一种用于在分布式系统中实现互斥访问的机制,它能够确保在多个节点同时访问共享资源时,只有一个节点能够获得对资源的独占访问权。在本文中,将详细介绍分布式锁的实现逻辑和底层原理。
250 0
ldap落地实战:gitlab集成openldap认证
上一篇文章介绍了svn集成openldap认证,版本控制除了svn外,git目前也被越来越多的开发者所喜爱,本文将介绍gitlab如何集成openldap实现账号认证 gitlab集成openldap认证 修改配置文件gitlab.
4123 0