ts
聒噪,
hello world!
展开
-
TypeScript枚举类型
Enum枚举类型TypeScript 中枚举(enum)类型的使用,你如果在程序中能灵活的使用枚举(enum),会让程序有更好的可读性。这里我拿每次去“大宝剑”点餐作个比喻。比如我现在去"大宝剑"时,通过掷色子随机选择一项服务,进行程序化模拟。这里我先用 JavaScript 的写法来编写。初级写法function getServer(status:number){ if(status === 0){ return "massage"; }else if(status原创 2020-10-21 14:53:41 · 438 阅读 · 0 评论 -
TypeScript联合类型展示
TypeScript联合类型展示所谓联合类型,可以认为一个变量可能有两种或两种以上的类型。用代码举个例子,声明两个接口Waiter(服务员)接口和Teacher(技师)接口,然后在写一个judgeWho(判断是谁)的方法,里边传入一个animal(任意值),这时候可以能是Waiter,也可能是Teacher。所以我们使用了联合类型,关键符号是|(竖线)。interface Waiter { anjiao: boolean; say: () => {};}interface Teach原创 2020-10-21 11:31:24 · 259 阅读 · 0 评论 -
TypeScript配置文件-compilerOptions配置
rootDir和outDir现在你的js文件直接编译到了根目录下,和ts文件混在了一起。我们当然是不喜欢这种方法的,工作中我们希望打包的js都生成在特定的一个文件夹里,比如build。这时候你就可以通过配置outDir来配置,当然你也可以通过rootDir来指定ts文件的位置,比如我们把所有的 ts 文件都放到 src 下。那配置文件就应该这样写。{ "outDir": "./build" , "rootDir": "./src" ,}这时候你再在Terminal中输入tsc,就原创 2020-10-20 15:25:57 · 4475 阅读 · 0 评论 -
TypeScript配置文件tsconfig.json
生成tsconfig.json这个文件是通过tsc --init命令生成的,在桌面上新建一个文件夹TsDemo,然后打开VSCode,把文件托到编辑器中,然后打开终端Terminal,输入tsc --init。输入完成后,就会出现tsconfig.json文件,你可以打开简单的看一下,不过此时你可能看不懂。其实它就是用来配置如何对ts文件进行编译的,我们都叫它 typescript 的编译配置文件。如果此时你的tsc执行不了,很有可能是你没有全局安装 TypeScript,可以全局安装一下。让原创 2020-10-19 17:04:38 · 1887 阅读 · 0 评论 -
类的只读属性readonlay和抽象类
类的只读属性readonlay写下面一个类,并进行实例化和赋值操作,代码如下:class Person { constructor(public name:string){ }}const person = new Person('Riven');console.log(person.name);写完后我们可以在终端(Terminal)中看一下结果,结果就应该是Riven。比如我现在有一个需求,就是在实例化对象时赋予的名字,以后不能再更改了,也就是我们常说的只读属性。我们原创 2020-10-19 15:33:15 · 611 阅读 · 2 评论 -
TypeScript类的概念和使用
类的基本使用定义一个最简单的Lady类,这里要使用关键字class,类里边有姓名属性和一个得到姓名的方法,代码如下:class Lady { content = "Hi,帅哥"; sayHello() { return this.content; }}const goddess = new Lady();console.log(goddess.sayHello());写完代码后,可以使用ts-node xxx.ts来查看一下结果。这是一个最简单的类了,如果你有些编程经验原创 2020-10-16 15:14:12 · 197 阅读 · 0 评论 -
TypeScropt中的interface接口
TypeScropt中的interface接口现在我们要作一个简历的自动筛选程序,很简单。年龄小于 25 岁,胸围大于 90 公分的,可以进入面试环节。我们最开始的写法是这样的。const screenResume = (name: string, age: number, bust: number) => { age < 24 && bust >= 90 && console.log(name + "进入面试"); age > 24 ||原创 2020-10-16 14:09:25 · 261 阅读 · 0 评论 -
typeScript元组的使用和类型约束
typescript中元组的使用和类型约束我们先来看一个数组和这个数组注解的缺点,比如我们有一个小姐姐数组,数组中有姓名、职业和年龄,代码如下:const xiaojiejie = ["dajiao", "teacher", 28];这时候把鼠标放到xiaojiejie变量上面,可以看出推断出来的类型。我们就用类型注解的形式给他作一个注解,代码如下:const xiaojiejie: (string | number)[] = ["dajiao", "teacher", 28];这时候你已经增原创 2020-10-16 11:01:30 · 455 阅读 · 0 评论 -
TypeScript中数组类型的定义
TypeScript中数组类型的定义现在我们可以定义一个最简单的数组类型,比如就是数字类型,那么就可以这么写:const numberArr = [1,2,3];这时候你把鼠标放在numberArr上面可以看出,这个数组的类型就是 number 类型。这是 TypeScript 通过类型推断自己推断出来的。 如果你要显示的注解,也非常简单,可以写成下面的形式。const numberArr: number[] = [1, 2, 3];同样道理,如果你的数组各项是字符串,你就可以写成这样。co原创 2020-10-16 10:07:11 · 2208 阅读 · 0 评论 -
TypeScript类型注解和类型推断
类型注解和类型推断//类型注解let count:number ;count = 123;这段代码就是类型注解,意思是显示的告诉代码,我们的count变量就是一个数字类型,这就叫做类型注解。当你明白了类型注解的概念之后,再学类型推断就更简单了,先来看一段代码。还是下面的代码。let countInference = 123;这时候我并没有显示的告诉你变量countInference是一个数字类型,但是如果你把鼠标放到变量上时,你会发现 TypeScript 自动把变量注释为了number原创 2020-10-15 14:29:18 · 490 阅读 · 1 评论 -
TypeScript静态类型
静态数据类型Static Typing什么是静态数据类型?是JavaScript的超集,是静态类型,一旦定义成某类型,将无法改变let count:number = 1;// count = "jspan"; //报错count = 2; // 正常如上代码会发现我们定义了一个基础数据类型 当我们定义了一个Numberl类型后在更改其为字符串后发现会直接报错这样ts的优势就体现出来了1.开发过程重,编写代码的时候快速发现潜在问题2.更好的代码提示3.通过静态类型的定义可以更好原创 2020-10-15 11:38:09 · 443 阅读 · 0 评论 -
TypeScript之HelloWorld
TypeScript全局安装ts 在安装前需要先装nodenpm install typescript -g终端输入 tsc 出现如下提示 即安装成功然后在文件夹创建一个demo1.ts文件ts之HelloWorldfunction jump(){ let web:string = "Hello world"; console.log(web);}// ts-nodejump();将此文件在终端打开 运行tsc demo1.ts会发现生成了一个对应原创 2020-10-15 10:45:43 · 815 阅读 · 6 评论 -
TypeScript函数参数和返回类型的注解
简单的类型定义还是上次代码function getTotal(one: number, two: number) { return one + two;}const total = getTotal(1, 2);这时候我们写的代码其实是有一个小坑的,就是我们并没有定义getTotal的返回值类型,虽然TypeScript可以自己推断出返回值是number类型。 但是如果这时候我们的代码写错了,比如写程了下面这个样子。function getTotal(one: number, two:原创 2020-10-15 15:23:10 · 2754 阅读 · 0 评论