TypeScript5.2引入新關鍵字using介紹

更新時間：2023年06月28日 09:37:35 作者：chuck

這篇文章主要介紹了TypeScript5.2引入新關鍵字using使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪

TypeScript新關鍵字

TypeScript 5.2將引入一個新的關鍵字：using。當它離開作用域時，你可以用Symbol.dispose函數(shù)來處置任何東西。

{
  const getResource = () => {
    return {
      [Symbol.dispose]: () => {
        console.log('Hooray!')
      }
    }
  }
  using resource = getResource();
} // 'Hooray!' logged to console

這是基于TC39提議，該提議最近達到了第三階段，表明它即將進入JavaScript。

using將對管理文件句柄、數(shù)據(jù)庫連接等資源非常有用。

Symbol.dispose

Symbol.dispose是JavaScript中一個新的全局symbol。任何具有分配給Symbol.dispose函數(shù)的東西都將被視為"資源"：也就是具有特定生命周期的對象。并且該資源可以使用using關鍵字。

const resource = {
  [Symbol.dispose]: () => {
    console.log("Hooray!");
  },
};

await using

你也可以使用Symbol.asyncDispose和await來處理那些需要異步處置的資源。

const getResource = () => ({
  [Symbol.asyncDispose]: async () => {
    await someAsyncFunc();
  },
});
{
  await using resource = getResource();
}

這將在繼續(xù)之前等待Symbol.asyncDispose函數(shù)。

這對數(shù)據(jù)庫連接等資源來說很有用，你要確保在程序繼續(xù)前關閉連接。

使用案例

文件句柄

通過節(jié)點中的文件處理程序訪問文件系統(tǒng)，使用using可能會容易得多。

不使用using：

import { open } from "node:fs/promises";
let filehandle;
try {
  filehandle = await open("thefile.txt", "r");
} finally {
  await filehandle?.close();
}

使用using：

import { open } from "node:fs/promises";
const getFileHandle = async (path: string) => {
  const filehandle = await open(path, "r");
  return {
    filehandle,
    [Symbol.asyncDispose]: async () => {
      await filehandle.close();
    },
  };
};
{
  await using file = getFileHandle("thefile.txt");
  // Do stuff with file.filehandle
} // Automatically disposed!

數(shù)據(jù)庫連接

管理數(shù)據(jù)庫連接是在C#中使用using的一個常見用例。

不使用using：

const connection = await getDb();
try {
  // Do stuff with connection
} finally {
  await connection.close();
}

使用using：

const getConnection = async () => {
  const connection = await getDb();
  return {
    connection,
    [Symbol.asyncDispose]: async () => {
      await connection.close();
    },
  };
};
{
  await using { connection } = getConnection();
  // Do stuff with connection
} // Automatically closed!