typescript 中函数参数为对象如何效验

最新推荐文章于 2024-06-25 20:44:24 发布

weixin_47164846

最新推荐文章于 2024-06-25 20:44:24 发布

阅读量2.3k

点赞数 1

分类专栏： ts vue 文章标签： TypeScript 接口类型检测函数参数代码安全

本文链接：https://blog.csdn.net/weixin_47164846/article/details/123420708

版权

vue 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

2 篇文章 0 订阅

订阅专栏

前言

ts作为编译型语言，最大的作用就是检测代码，当我们函数存在参数时，当然也需要进行类型检测

1.当函数存在参数时

    jumpPage(item: any): void {
        let { routeName, path, params, title } = item;
    }

使用any，虽然不会报错，但是这样并不会进行类型检测

	interface ConfigItems {
	    title: string;
	    icon: string;
	    subTitle?: string;
	    path?: string;
	    routeName?: string;
	    params?: any;
	}
	
    jumpPage(item: ConfigItems): void {
        let { routeName, path, params, title } = item;
    }

通过interface 接口封装，这样就可以对函数的参数进行类型检测，使代码更加安全