Frontend Weekly 2023-06-14

2023-06-14

Tech

Frontend weekly

Matsuri-tech Frontend Weekly 2023-06-14#

TypeScript 5.1#

2023 年 6 月 1 日に TypeScript 5.1 がリリースされました。あまり話題になっていない気がしますが、面白い変更が入っているのでいくつか取り上げます。

https://devblogs.microsoft.com/typescript/announcing-typescript-5-1/

返り値が undefined な関数で暗黙的な return が許容されるように変更#

次のようなコードが許容されるようになりました。

1
const f = (): undefined => {
2
  // no returns
3
};

返り値の型を void にすれば良いだけでは？とも思いますが、利用しているライブラリなどが undefined の返り値を要求しているケースで記述が楽になります。

1
interface SuperComponentProps {
2
  customValues: (values: string[]) => undefined | string[];
3
  authUser: (user?: User) => undefined | string;
4
}
5

6
<SuperComponent
7
  customValues={(values: string[]) => {
8
    const result = extractSuperValues(values);
9
    if (Array.isArray(result)) {
10
      return result;
11
    }
12
    if (Object.hasOwn(result, "data")) {
13
      return result.data;
14
    }
15
    // ..
16
    // no returns
17
  }}
18
  authUser={(user) => {
19
    if (user?.info) {
20
      return user.name;
21
    }
22
    // no returns
23
  }}
24
/>;