欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

typescript的安装使用(1)

程序员文章站 2024-01-20 09:45:46
...

1、安装解析typescript的工具包:npm i -g typescript

(1)、新建一个newFile.ts文件,里面写入正常语法 (创建ts文件并写代码)
(2)、终端运行=> tsc newFile.ts,会生成newFile.js文件 (执行代码)
(3)、执行文件=>node newFile.js (执行代码,运行结果)
简化以上步骤:
先安装一个ts-node包 :npm i -g ts-node
使用方式:ts-node newFile.ts 不生成中间文件newFile.js

如果在编写代码的过程中使用调试工具,需要在当前文件夹安装以上依赖包
npm i ts-node typescript
然后在lounch.json中配置一下需要调试的ts文件路径(百度)

VScode 注释:shift + alt + a (多行注释)

2、变量使用

let age:number ;
	age = 18;
等同于==>
 let age:number = 18;
 
 let nums:number[] = [1,2,3,4]   //数组声明
变量名区分大小写

3、函数

基本格式:function fn():类型注解{
}

function getNum(num:number){  //不带返回值
	console.log(num)
}  
返回来的为number类型的数字,不写:number   是默认的:void

function getNum(num:number):number{ //带返回值 :number可以省略,类型为return返回来的类型
return num
}  

4、对象

对象的类型注解:( 分号 ; 可以省略)

let person:{
	name:string;
	age:number
}

对象的类型使用

	person={
	name:'张三',
	age:18
	}

对象方法的类型注解:1.参数 2.返回值

let person:{
	seyHi:()=>void
	sing:(number:string)=>void
	sum:(num1:number,num2:number)=>number
}

5、接口的使用: interface关键字

语法:

创建一个接口

interface IUser{
		name:string
		age:number
		sayHi:()=>void
	}	

使用接口

let p1:IUser = {
	name:'张三',
	age:13,
	sayHi:function(){
	console.log('你好,张三')
	},
}
6、对象的基本使用总结

typescript的安装使用(1)

相关标签: typescript 安装