如何为已指定account的viem WalletClient定义TypeScript类型？

Viem的WalletClient类型支持泛型参数，其中第二个参数用于指定Account的类型，默认是undefined | Account（可选状态）。要让TypeScript识别你的辅助函数返回的是已绑定account的WalletClient，只需明确指定泛型的Account参数为非可选的具体类型即可。

具体实现步骤 #

1. 导入必要类型

import { WalletClient, Address, createWalletClient, custom } from 'viem';

2. 给辅助函数添加类型注解
   如果你的辅助函数固定返回绑定了特定地址的client：

// 辅助函数：返回已绑定account的WalletClient
function getWalletClientWithAccount(): WalletClient<typeof custom, Address> {
  const client = createWalletClient({
    transport: custom(window.ethereum),
    account: '0x1234567890abcdef1234567890abcdef12345678' // 固定传入account
  });
  return client;
}

如果需要支持动态传入account，可使用泛型增强通用性：

// 支持动态传入account的辅助函数
function getWalletClientWithAccount<T extends Address>(account: T): WalletClient<typeof custom, T> {
  const client = createWalletClient({
    transport: custom(window.ethereum),
    account
  });
  return client;
}

效果说明 #

通过将WalletClient的泛型Account参数指定为Address（或具体的Account子类如PrivateKeyAccount），TypeScript会认定该client的account属性是已存在且非可选的。后续调用writeContract()、sendTransaction()等方法时，就不会再强制要求传入account参数。

内容的提问来源于stack exchange，提问作者MidnightLightning