TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。
TypeScript 可处理已有的 JavaScript 代码,并只对其中的 TypeScript 代码进行编译。
下载node.js并安装
使用npm全局安装typescript
输入:npm i -g typescript
创建一个ts文件
新建空文件夹,创建一个hello.ts文件
console.log('Hello TS')
js代码
在此最简单Hello TS 已经编译完成
下载 https://www.giga.de/downloads/notepad-plus-plus/
直接下一步安装即可
右键打开即可直接使用
类型声明
类型声明是TS非常重要的一个特点
通过类型声明可以指定TS中变量(参数、形参)的类型
指定类型后,当为变量赋值时,TS编译器会自动检查值是否符合类型声明,符合则赋值,否则报错
简而言之,类型声明给变量设置了类型,使得变量只能存储某种类型的值
语法
//声明一个变量a,类型为number
let a: number;
//a 的类型设置为number,在以后的过程中a的值只能为数字
a = 100;
//a = 'a';
let b:string;
b = 'aaa';
//声明完直接赋值
let c : boolean = true;
//不声明类型会默认为第一次赋值的变量的类型为自己的类型
let d = '111';
//d = 222;//返回值类型也是必须为number
functionsum(a: number, b: number) :number{
return a+b;
}
sum(1,2);
//sum(1,'2');
自动类型判断
TS拥有自动的类型判断机制
当对变量的声明和赋值是同时进行的,TS编译器会自动判断变量的类型
所以如果你的变量的声明和赋值时同时进行的,可以省略掉类型声明
类型:
详细内容介绍 可以看b站 尚硅谷2021版TypeScript教程(李立超老师TS新课) https://www.bilibili.com/video/BV1Xy4y1v7S2?from=search&seid=14802368671203633727&spm_id_from=333.337.0.0
本文来自博客园,作者:虚乄,转载请注明原文链接:https://www.cnblogs.com/lovejielive/p/15507150.html
版权说明 : 本文为转载文章, 版权归原作者所有 版权申明
原文链接 : https://www.cnblogs.com/lovejielive/p/15507150.html
内容来源于网络,如有侵权,请联系作者删除!