ニュース詳細detail_idだお
分割代入におけるTypeScriptの型の付け方
// JS
const user = { name: "田中", age: 30 };
const { name: localName } = user;
console.log(localName);
// TS
const user = { name: "大山", age: 30 };
const { name: localName }: { name: string } = user;
console.log(localName);
// JS これを危惧
const user = { name: "田中", age: 30 };
const { name: string } = user;
console.log(string);
// 追記
type User = {
name: string;
age: number;
email: string;
};
const user: User = {
name: "太郎",
age: 25,
email: "taro@example.com",
};
function generateUserCard(user: User): string {
return `
<div class="user-card">
<h2>${user.name}</h2>
<p>年齢: ${user.age}</p>
<p>メール: ${user.email}</p>
</div>
`;
}
console.log(generateUserCard(user));