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('你好,张三')
},
}