typescript 中 expected 1 argument, but got 0 错误
当我们调用一个带有 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();
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 进行申请,经作者同意之后,转载请以链接形式注明出处
本文地址:
相关文章
在 angularjs 中设置 select from typescript 的默认选项值
发布时间:2023/04/14 浏览次数:132 分类:angular
-
本教程提供了在 angularjs 中从 typescript 中设置 html 标记选择的默认选项的解释性ag捕鱼王app官网的解决方案。
在 angular 中使用 typescript 的 getelementbyid 替换
发布时间:2023/04/14 浏览次数:259 分类:angular
-
本教程指南提供了有关使用 typescript 在 angular 中替换 document.getelementbyid 的简要说明。这也提供了在 angular 中 getelementbyid 的最佳方法。
在 typescript 中使用 try..catch..finally 处理异常
发布时间:2023/03/19 浏览次数:385 分类:
-
本文详细介绍了如何在 typescript 中使用 try..catch..finally 进行异常处理,并附有示例。
发布时间: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官网的解决方案。为了程序员的方便和方便,实施了不同的编码实践指南。