【Typescript -学习笔记】接口和对象类型、数组

在typescript中,我们定义对象的方式要用关键字interface(接口)来定义一种约束,让数据的结构满足约束的格式。

interface Person {
	a:string,
    b:string 
}
//p1这样会报错,因为实例p1对象里缺少了属性b,实例和接口里的数量必须保持一致
let p1:Person  = {
    a:"123"
}

//p2,也会报错,因为p2里的属性类型也必须保持一致
let p2:Person = {
	a:123,
	b:'456'
}
//若p1里不需要太多的属性,则可以在接口中使用可选属性的方法,所以可以把Person 改造一下,这样p1就不会报错。
interface Person {
	a:string,
    b?:string 
}

继承属性

//继承
interface A{
    name:string
}
 
interface B extends A{
    age:number
}
 
let obj:B = {
 	name:"string"
    age:34,

定义数组

//普通方式定义数组
let arr: number[] = [1, 2, 3]; //数字类型的数组
let arr2: string[] = ["1", "2"]; //字符串类型的数组
let arr3: boolean[] = [true,false]; //bool类型的数组
let arr4: any[] = ['1',2,true[1,2,3],{name:'tc',age:33}] //任意类型数组

//泛型的方式定义
let arr5:Array<number> = [1,2,3,4] 
let arr6:Array<string> = ['2','3','4']
//泛型多维数组
let arr7:Array<Array<Number>> = [[1,2,3],[4,5,6],[7,8,9]]
//若多维数组中有字符串,可选用联合类型
let arr8:Array<Array<Number| String>> = [[1,2,3],[4,5,6],[7,8,9],['123','456']]

//类数组
//ts内置对象IArguments 定义
function Arr(...args:any): void {
    console.log(arguments) 
    let arr:IArguments = arguments
}
Arr(1, 2, 3)
 
//IArguments 是 TypeScript 内置的类型,其中包括的属性:
interface IArguments {
[index: number]: any;
length: number;
callee: Function;

记录一下。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-typescript-import-dts 是一个用于为 Vue.js 项目中的 TypeScript 文件生成类型声明文件的工具。在 Vue.js 项目中使用 TypeScript 进行开发时,我们经常需要为一些第三方库或自定义组件编写类型声明文件,以提供更好的代码提示和类型检查。 使用 vue-typescript-import-dts 工具可以自动分析 TypeScript 文件中的导入语句,并根据导入的模块生成对应的类型声明文件。这样,在使用该模块时,IDE 或编辑器就能提供准确的代码补全和类型检查。 例如,假设我们的项目中使用了一个名为 axios 的第三方库进行网络请求,但是该库并没有提供类型声明文件。我们可以通过 vue-typescript-import-dts 工具,在我们的 TypeScript 文件中导入 axios,并正确配置工具,它将自动为我们生成一个 axios.d.ts 类型声明文件。 具体使用 vue-typescript-import-dts 的步骤如下: 1. 在项目中安装 vue-typescript-import-dts,可以使用 npm 或 yarn 命令来安装。 2. 在 TypeScript 文件中,使用 import 语句导入需要生成类型声明文件的模块。 3. 在项目根目录下创建一个 .vue-typescript-import-dts.json 配置文件,用来配置生成类型声明文件的规则。可以指定生成的声明文件的输出路径、文件名等。 4. 运行 vue-typescript-import-dts 命令,它会自动扫描 TypeScript 文件中的导入语句,并根据配置生成相应的类型声明文件。 这样,在我们编写代码时,IDE 或编辑器就可以准确地为我们提供代码补全和类型检查的功能。这对于提高开发效率和代码质量非常有帮助。 总之,vue-typescript-import-dts 是一个便捷的工具,可以自动为 Vue.js 项目中使用的第三方库或自定义组件生成类型声明文件,提供更好的代码提示和类型检查功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值