typescript function type
// define your parameter's type inside the parenthesis
// define your return type after the parenthesis
function sayHello(name: string): string {
console.log(`Hello, ${name}`!);
}
sayHello('Bob'); // Hello, Bob!
typescript function type
// define your parameter's type inside the parenthesis
// define your return type after the parenthesis
function sayHello(name: string): string {
console.log(`Hello, ${name}`!);
}
sayHello('Bob'); // Hello, Bob!
typescript function type
interface Date {
toString(): string;
setTime(time: number): number;
// ...
}
typescript type declaration
// cannot use object for type defination because this is not recommended
// use Record<string, any> this same with object
const name: string = "john doe"
const age: number = 30
const days1: string[] = ["sunday","monday","thuesday","wenesday"]
const numb1: number[] = [1,2,3,4,5]
const days2: Array<string> = ["sunday","monday","thuesday","wenesday"]
const numb2: Array<number> = [1,2,3,4,5]
const person: Record<string, any> = {
name: "john doe",
age: 30
}
async function name(): Promise<string> {
return "john doe"
}
name().then(console.log)
async function str(): Promise<string[]> {
return ["sunday","monday","thuesday","wenesday"]
}
str().then(console.log)
async function int(): Promise<int[]> {
return [1,2,3,4,5]
}
int().then(console.log)
async function objectValue(): Promise<Record<string, any>> {
const person: Record<string, any> = {
name: "john doe",
age: 30
}
return person
}
objectValue().then(console.log)
async function objectValueMulti(): Promise<Record<string, any>[]> {
const person: Record<string, any>[] = [{
name: "john doe",
age: 30
},{
name: "jane doe",
age: 30
}]
return person
}
objectValueMulti().then(console.log)
make a type in typescript
type Props = {
item: CartItemType;
addToCart: (clickedItem: CartItemType) => void;
removeFromCart: (id: number) => void;
};
Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us