TS报错:Parameter 'xxx' implicitly has an 'any' type的解决方式

 更新时间:2022年10月29日 13:35:51   作者:GHTlinyu  
这篇文章主要给大家介绍了关于TS报错:Parameter 'xxx' implicitly has an 'any' type的解决方式,文中将产生错误的原因及解决方法都介绍的非常详细,需要的朋友可以参考下

Parameter ‘xxx’ implicitly has an ‘any’ type的解决

这句话翻译过来就是参数暗指是any类型

在TS中等同于以下代码:

 const f = (param: any) => {    //无意义代码
    console.log(param);
  };

产生的原因:

在TS中如果没有定义参数类型的话就会报这个信息。

这是属于是JS的编码风格,但在TS当中,你需要给它赋上类型。

实例:

//Parameter 'param' implicitly has an 'any' type.ts(7006)

 const f = (param) => {    //param类型可能为any
    console.log(param);
  };

*******解决方式(参考)*******

//假如param为字符串类型,可以这样做
/**
 const f=(param: string)=>{
 	console.log(param);
 }
*/

//假如param为数字类型,可以这样做
/**
 const f=(param: number)=>{
 	let sum=param+100;   //sum没有声明类型,是因为TS的自动类型推断,param为数字类型,加上100,那么TS就会推出sum为数字类型。
 	console.log(sum);
 }
*/

//假如param为XXX数组类型,可以这样做
/**
 const f=(param: XXX[])=>{
 	param.forEach((e: XXX)=>{
 		console.log(e)
	})
 }
*/

其它解决(非常不提倡):

  • 在tsconfig.json当中使用 “noImplicitAny”: false 或者 “strict”: false
  • 或者使用tsc命令带上以上两个参数

使用这个意味着将TS的类型检测给屏蔽了,也就是说,你写的语法还是JS语法,与TS没什么关系(无意义的行为)

参考文档中这两个字段的解释:

–noImplicitAny:在表达式和声明上有隐含的 any类型时报错。

–strict:启用所有严格类型检查选项。

TS是不鼓励使用any类型(除特殊情况),如果所有的变量,参数等都为any,那TS基本类型检查功能就等于没有使用到

TypeScript的核心原则之一是对值所具有的结构进行类型检查。

实例:

//原生js语法
function f(param){
	let stringList=param.split("-");
	console.log(stringList)
}
f("g-s-e-g-s"); //正常调用
f(23324);       //非正常调用

//js中这两个都是没有错,但在运行时,就会error
//然而在TS中这会被检测出来,所以定义any类型和使用原生js的语法变化不大

如何来解决(想法):

根据参数类型对其进行特定的声明。

实例( 仅参考 ):

param是字符串数组类型:

const displayList = (param: string[]) => { 
    param.forEach((element: string) => {
      console.log(element);
    });
  };

  displayList(['Hello', 'World', '!']);
   /**
   * 输出:
   * Hello
   * World
   * ! 
   */

param是自定义personType的类型:

type personType = {    //自定义类型
    name: string;
    age: number;
    gender: string;
  };

  const displayPersonName = (param: personType) => {
    console.log('姓名:', param.name);
  };
  
  //参数
  let person_1: personType = {
    name: 'personName01',
    age: 21,
    gender: '男',
  };
  let person_2: personType = {
    name: 'personName02',
    age: 22,
    gender: '女',
  };
 //调用
  displayPersonName(person_1);
  displayPersonName(person_2);
  
  /**
   * 输出:
   * 姓名: personName01
   * 姓名: personName02
   */

总结

到此这篇关于TS报错:Parameter 'xxx' implicitly has an 'any' type解决的文章就介绍到这了,更多相关Parameter 'xxx' implicitly has an 'any' type内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 微信小程序绘制半圆(弧形)进度条

    微信小程序绘制半圆(弧形)进度条

    这篇文章主要为大家详细介绍了微信小程序绘制半圆(弧形)进度条,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • 微信小程序中如何计算距离某个节日还有多少天

    微信小程序中如何计算距离某个节日还有多少天

    这篇文章主要给大家介绍了关于微信小程序中如何计算距离某个节日还有多少天的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用微信小程序具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-07-07
  • localstorage实现带过期时间的缓存功能

    localstorage实现带过期时间的缓存功能

    这篇文章主要介绍了localstorage实现带过期时间的缓存功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-06-06
  • JS原生带缩略图的图片切换效果

    JS原生带缩略图的图片切换效果

    这篇文章主要介绍了JS原生带缩略图的图片切换效果,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值 ,需要的朋友可以参考下
    2018-10-10
  • CSS、JS文件无法正确加载至页面问题与解决办法分享

    CSS、JS文件无法正确加载至页面问题与解决办法分享

    这篇文章主要给大家介绍了关于CSS、JS文件无法正确加载至页面问题与解决办法,文中通过图文以及代码介绍的非常详细,对大家的学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2024-01-01
  • JS中数据类型的正确判断方法实例

    JS中数据类型的正确判断方法实例

    怎么去判断一个数据属于哪个数据类型,这个是很常见的操作,我们一般都会想到typeof和instanceof这两个常见的方法,但有时候这两种方法并不能满足我们的需求,下面这篇文章主要给大家介绍了关于JS中数据类型的正确判断方法,需要的朋友可以参考下
    2021-08-08
  • 原生js获取宽高与jquery获取宽高的方法关系对比

    原生js获取宽高与jquery获取宽高的方法关系对比

    这篇文章主要介绍了原生js获取宽高与jquery获取宽高的方法关系对比,需要的朋友可以参考下
    2014-04-04
  • JavaScript实现点击按钮复制指定区域文本(推荐)

    JavaScript实现点击按钮复制指定区域文本(推荐)

    这篇文章主要介绍了JavaScript实现点击按钮复制指定区域文本(推荐)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-11-11
  • uni-app的iPhonex底部安全区域解决方案

    uni-app的iPhonex底部安全区域解决方案

    这篇文章主要为大家介绍了uni-app的iPhonex底部安全区域解决方案示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • javascript基于DOM实现省市级联下拉框的方法

    javascript基于DOM实现省市级联下拉框的方法

    这篇文章主要介绍了javascript基于DOM实现省市级联下拉框的方法,可实现选择省份后出现对应城市下拉框选项的功能,非常具有实用价值,需要的朋友可以参考下
    2015-05-05

最新评论