typescript的安装使用(1)

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)_第1张图片

你可能感兴趣的:(typescript,安装)