typescript 中 expected 1 argument, but got 0 错误-ag捕鱼王app官网

当前位置:ag捕鱼王app官网 > > 编程语言 > >

typescript 中 expected 1 argument, but got 0 错误

作者:迹忆客 最近更新:2022/12/03 浏览次数:

当我们调用一个带有 1 个参数但没有传递任何参数的函数时,会出现错误“expected 1 argument, but got 0”。 要解决该错误,请将所需参数传递给函数,为其提供默认值或将参数标记为可选。

看下面的代码

function getmessage(message: string) {
  return message || '';
}
// ⛔️ error: expected 1 arguments, but got 0.ts(2554)
// index.ts(1, 21): an argument for 'message' was not provided.
getmessage();

typescript expected 1 argument, but got 0

getmessage 函数接受 1 个参数,但我们试图在不传递任何参数的情况下调用它,这导致了错误。

解决错误的一种方法是将正确类型的参数传递给函数。

function getmessage(message: string) {
  return message || '';
}
// 👇️ call function with parameter
getmessage('hello world');

如果我们不想在调用函数时总是必须提供参数,请为其设置一个默认值。

function getmessage(message = 'hello world') {
  return message || '';
}
getmessage();

我们为 message 参数提供了默认值,因此现在我们可以调用 getmessage 函数而不向其传递任何参数。

这隐式地将消息参数标记为可选并将其类型设置为字符串。 typescript 能够根据默认值的类型推断出参数的类型。

如果没有适合您的用例的默认值,您可以将该参数标记为可选。

function getmessage(message?: string) {
  return message || '';
}
getmessage();

我们使用问号将消息参数设置为可选。

这意味着我们可以调用 getmessage 函数而无需向其传递消息参数,这会将其值设置为未定义。

如果你的函数接受一个对象作为参数,你可以为整个对象提供一个默认值。

type person = {
  name: string;
  age: number;
};
function getperson(person: person = { name: '', age: 0 }) {
  return person;
}
getperson();

如果在没有 person 参数值的情况下调用 getperson 函数,它将默认为指定的对象。

我们还可以使用解构来不必访问 person 对象的属性。

type person = {
  name: string;
  age: number;
};
function getperson({ name, age }: person = { name: '', age: 0 }) {
  return { name, age };
}
getperson();

如果我们不想为对象中的每个属性设置默认值,可以将部分或全部属性标记为可选。

type person = {
  name?: string; // 👈️ optional
  age?: number; // 👈️ optional
};
function getperson(person: person = {}) {
  return person;
}
getperson();

person 类型中的所有属性都标记为可选,因此我们可以将空对象设置为 person 参数的默认值。

如果我们有一个包含函数属性的接口,则语法非常相似。

interface employee {
  increasesalary: (salary?: number) => number;
}
const emp: employee = {
  increasesalary(salary = 100) {
    return salary   123;
  },
};
console.log(emp.increasesalary()); // 👉️ 246

我们定义了一个 employee 接口,它有一个函数类型的 increasesalary 属性。

我们将 salary 属性标记为可选,因此函数的调用者不需要提供它。

我们在 increasesalary 函数中为 salary 属性设置默认值 100。

如果我们使用类型别名来键入您的函数,则可以使用相同的语法。

type greet = (name?: string) => string;
const greet: greet = (name = 'james doe') => {
  return `hello ${name}`;
};
console.log(greet()); // 👉️ "hello james doe"

greet 函数有一个标记为可选的名称参数。

我们已经为参数设置了一个默认值,因此调用者不需要提供它。

转载请发邮件至 1244347461@qq.com 进行申请,经作者同意之后,转载请以链接形式注明出处

本文地址:

相关文章

发布时间:2023/03/19 浏览次数:254 分类:

本教程指南通过特定的实现和编码示例深入了解了 typescript 中 declare 关键字的用途。

发布时间:2023/03/19 浏览次数:962 分类:

本篇文章演示了类的 get 和 set 属性以及如何在 typescript 中实现它。

在 typescript 中格式化日期和时间

发布时间:2023/03/19 浏览次数:269 分类:

本教程介绍内置对象 date() 并讨论在 typescript 中获取、设置和格式化日期和时间的各种方法。

在 typescript 中返回一个 promise

发布时间:2023/03/19 浏览次数:586 分类:

本教程讨论如何在 typescript 中返回正确的 promise。这将提供 typescript 中 returns promise 的完整编码示例,并完整演示每个步骤。

在 typescript 中定义函数回调的类型

发布时间:2023/03/19 浏览次数:1445 分类:

本教程说明了在 typescript 中为函数回调定义类型的ag捕鱼王app官网的解决方案。为了程序员的方便和方便,实施了不同的编码实践指南。

扫一扫阅读全部技术教程

社交账号
  • https://www.github.com/onmpw
  • qq:1244347461

最新推荐

教程更新

热门标签

扫码一下
查看教程更方便
网站地图