有了它 ,我彻底告别了 try-finally 🔥🔥🔥

前言

前几天看到 Rspack 团队宣布即将支持 using 声明,

今天我们来看看 using 的神奇用法!

往期精彩推荐

正文

using 声明是 ECMAScript 提案中的一项新特性,旨在简化资源管理!

Node.js 从 v20 开始实验性支持此功能。

大家可以通过以下命令在 Node.js 中启用实验性支持:

bash 复制代码
node --harmony-explicit-resource-management app.js

其核心特点如下:

  • 声明式资源管理 :通过 using 关键字定义需自动清理的资源。
  • 自动释放 :作用域结束时调用资源的 [Symbol.dispose] 方法。
  • 异步支持usingawait using 分别支持同步和异步资源。

下面是基础使用示例,带大家感受它的简洁之处!

1. 同步资源管理:using 声明

传统资源读取会依赖 try-finally 块,代码冗长且易出错:

javascript 复制代码
import { open } from 'fs/promises';

async function readFile() {
  const file = await open('data.txt', 'r');
  try {
    const content = await file.readFile('utf8');
    console.log(content);
  } finally {
    await file.close();
  }
}

"using" 声明适用于需要手动管理生命周期的资源,如文件句柄或数据库连接。

javascript 复制代码
import { open } from 'fs/promises';

{
  using file = await open('data.txt', 'r');
  const content = await file.readFile('utf8');
  console.log(content);
}

file 自动关闭,无需显式调用 file.close()

这比传统的 try-finally 更简洁,减少了样板代码。

2. 异步资源管理:await using

对于异步资源(如数据库连接或网络请求),await using 结合了 awaitusing,确保异步资源在作用域结束时通过 [Symbol.asyncDispose] 清理。

javascript 复制代码
import { createConnection } from 'some-db-driver';

async function queryData() {
  await using db = await createConnection('mysql://localhost');
  const result = await db.query('SELECT * FROM users');
  return result;
} 

这里,db 在作用域结束时调用 [Symbol.asyncDispose],自动关闭数据库连接,避免资源泄漏。

3. 自定义资源管理

开发者可以为自定义对象实现 [Symbol.dispose][Symbol.asyncDispose],以支持 "using" 声明。

javascript 复制代码
class TempResource {
  constructor(name) {
    this.name = name;
  }
  [Symbol.dispose]() {
    console.log(`${this.name} disposed`);
  }
}

{
  using resource = new TempResource('temp');
  console.log('Using resource:', resource.name);
}

这种灵活性让 "using" 声明适用于各种场景,从内存管理到外部资源清理。

最后

使用 "using" 声明,代码更简洁,清理逻辑自动处理,减少出错风险~

今天的分享就这些了,感谢大家的阅读!如果文章中存在错误的地方欢迎指正!

往期精彩推荐

相关推荐
thatway19894 小时前
闲聊-关于AI终结者的警醒
前端
努力的小郑4 小时前
突发!Claude Code 51万行源码全网裸奔:一场史诗级“开源”事故,国内大厂笑麻了
前端·后端·ai编程
七度黑光4 小时前
用 openclaw 给故障复盘打分:质量审核自动化实践
运维·服务器·前端·数据库·自动化
HashTang4 小时前
Claude Code 源码中 REPL.tsx 深度解析:一个 5005 行 React 组件的架构启示
前端·后端·ai编程
wendycwb5 小时前
前端城市地址根据最后一级倒推,获取各层级id的方法
前端·vue.js·typescript
终端鹿5 小时前
Vue3 模板引用 (ref):操作 DOM 与子组件实例 从入门到精通
前端·javascript·vue.js
千寻girling5 小时前
不知道 Java 全栈 + AI 编程有没有搞头 ?
前端·人工智能·后端
小码哥_常6 小时前
Android开发:精准捕获应用的前后台行踪
前端
蜡台6 小时前
Vue 打包优化
前端·javascript·vue.js·vite·vue-cli
木斯佳6 小时前
前端八股文面经大全:快手前端一面 (2026-03-29)·面经深度解析
前端·宏任务·原型链·闭包