TS知识点

简介: TS知识点

1. 什么是 TypeScript 

TypeScript 是添加了类型系统的 JavaScript ,适用于任何规模的项目。

TypeScript 是一门静态类型、弱类型的语言。

TypeScript 是完全兼容 JavaScript 的,它不会修改 JavaScript 运行时的特性。

TypeScript 可以编译为 JavaScript ,然后运行在浏览器、 Node.js 等任何能运行 JavaScript 的环境

中。

TypeScript 拥有很多编译选项,类型检查的严格程度由你决定。

TypeScript 可以和 JavaScript 共存,这意味着 JavaScript 项目能够渐进式的迁移到 TypeScript 。

TypeScript 增强了编辑器( IDE )的功能,提供了代码补全、接口提示、跳转到定义、代码重构等

能力。

TypeScript 拥有活跃的社区,大多数常用的第三方库都提供了类型声明。

TypeScript 与标准同步发展,符合最新的 ECMAScript 标准( stage 3 )。

2. ts  Js 的区别

TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与

TypeScript 一起工作无需任何修改, TypeScript 通过类型注解提供编译时的静态类型检查。

TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。

安装ts命令行:npm install typescript

3. 基础数据类型

js中,分基础数据类型和引用数据类型

基础类型有:stringbooleannumbernullundefined
此处不要使用StringBooleanNumber等,这几个表示的是构造函数,不是基础数据类型

1.布尔值

Ts中,使用 boolean 定义布尔值类型
2.数字

Ts中,使用 number 定义布尔值类型

编译结果:
其中 0b1010 和 0o744 是 ES6 中的二进制和八进制表示法 ,它们会被编译为十进制数字。

3.字符串

使用 string 定义字符串类型:

编译结果:

let bool:boolean = true;
let decLiteral: number = 6;
// 十六进制
let hexLiteral: number = 0xf00d;
// ES6 中的二进制表示法
let binaryLiteral: number = 0b1010;
// ES6 中的八进制表示法
let octalLiteral: number = 0o744;
// NaN
let notANumber: number = NaN;
// 无穷大
let infinityNumber: number = Infinity;

编译结果:

var decLiteral = 6;
var hexLiteral = 0xf00d;
// ES6 中的二进制表示法
var binaryLiteral = 10;
// ES6 中的八进制表示法
var octalLiteral = 484;
var notANumber = NaN;
var infinityNumber = Infinity
//其中 0b1010 和 0o744 是 ES6 中的二进制和八进制表示法,它们会被编译为十进制数字。

字符串

使用 string 定义字符串类型:

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.`;
//编译结果
var myName = 'Tom';
var myAge = 25;
// 模板字符串
var sentence = "Hello, my name is " + myName + ".I'll be " + (myAge + 1) + "
years old next month.";
相关文章
|
9月前
|
JavaScript 前端开发 API
第9期 一文读懂TS的(.d.ts)文件
第9期 一文读懂TS的(.d.ts)文件
175 0
|
JavaScript 前端开发 API
一文读懂TS的(.d.ts)文件
一文读懂TS的(.d.ts)文件
4082 0
|
5月前
|
JavaScript 前端开发 程序员
ts学习(1)
ts学习(1)
163 69
|
JavaScript 前端开发
TS基础语法
TypeScript(缩写为TS)是一种静态类型的JavaScript超集,它为JavaScript添加了类型注解和其他扩展功能。下面是TypeScript的基础语法
|
9月前
ts笔记
ts笔记
|
9月前
|
JavaScript
使用TS的一些基础知识
使用TS的一些基础知识
105 0
|
9月前
|
JavaScript 前端开发 编译器
ts面试题总结
ts面试题总结
139 0
|
JavaScript 前端开发 开发者
ts知识点
ts知识点
70 0
|
JavaScript 安全 Python
TS笔记
TS笔记
76 0
|
JavaScript 前端开发 开发工具
CocosCreator 面试题(五)TS有什么优缺点?为什么要用TS?
CocosCreator 面试题(五)TS有什么优缺点?为什么要用TS?
235 0