Hello TypeScript

x33g5p2x  于2021-11-20 转载在 TypeScript  
字(1.1k)|赞(0)|评价(0)|浏览(286)

TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。

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

TypeScript环境搭建

  • 下载node.js并安装

  • 使用npm全局安装typescript

  • 输入:npm i -g typescript

  • 创建一个ts文件

  • 新建空文件夹,创建一个hello.ts文件

console.log('Hello TS')

  • 在命令行输入tsc hello.ts进行编译即

    •  编译完成会多出一个js文件

  • js代码

在此最简单Hello TS 已经编译完成

代码编辑器(Notepad++)

下载 https://www.giga.de/downloads/notepad-plus-plus/

直接下一步安装即可

右键打开即可直接使用

  • 使用方法

TypeScript基本类型

  • 类型声明

  • 类型声明是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

相关文章

微信公众号

最新文章

更多