初探typescript

Posted 忘れられたくない

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了初探typescript相关的知识,希望对你有一定的参考价值。

1、安装ts插件及编译

npm install -g typescript

2、查看ts版本

tsc -v

3、编译ts文件生成js

tsc test.ts(文件名)

4、运行文件

第一种方法:node test.js
第二种方法:安装npm install ts-node -g,执行ts-node test.ts

5、typescript数据类型

任意any、
数字类型number、
字符串类型string、
布尔类型boolean、
数组类型array、
元组类型tuple
枚举enum、
null、
undefined、
void、
nerver

6、基础类型定义

let isDone:boolean = false

let age:number = 10

let firstName:string = \'songhuijin\'
let message:string = `hello,${firstName}`

let u:undefined = undefined
let m:null = null

let num:number = undefined

let notSure:any = 4
notSure = \'may be string\'
notSure.getName()

7、interface基础类型

readonly为只读属性,不能进行修改
?的属性,继承的时候,可写可不写
interface Iperson{
    readonly id:number;
    name:string;
    ? age:number;
}

let songhuijin:Iperson = {
    id:1,
    name:\'songhuijin\',
    age:23,
}

songhuijin.name=\'songhuijin\'

以上是关于初探typescript的主要内容,如果未能解决你的问题,请参考以下文章

初探typescript

初探TypeScript

初探typescript

装饰器初探

装饰器初探

Vue3通透教程初探TypeScript