有了它 ,我彻底告别了 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" 声明,代码更简洁,清理逻辑自动处理,减少出错风险~

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

往期精彩推荐

相关推荐
UncleKyrie1 分钟前
🎨 市面上主流 Figma to Code MCP 对比
前端
李明卫杭州3 分钟前
CSS `clamp()` 函数详解
javascript
奶丝兔蜜柚8 分钟前
栈溢出优化
javascript
南半球与北海道#14 分钟前
前端引入vue-super-flow流程图插件
前端·vue.js·流程图
然我20 分钟前
React 16.8:不止 Hooks 那么简单,这才是真正的划时代更新 🚀
前端·react.js·前端框架
小高00734 分钟前
📈前端图片压缩实战:体积直降 80%,LCP 提升 2 倍
前端·javascript·面试
OEC小胖胖37 分钟前
【React Hooks】封装的艺术:如何编写高质量的 React 自-定义 Hooks
前端·react.js·前端框架·web
BillKu1 小时前
vue3+element-plus 输入框el-input设置背景颜色和字体颜色,样式效果等同于不可编辑的效果
前端·javascript·vue.js
每天学习一丢丢1 小时前
Spring Boot + Vue 项目用宝塔面板部署指南
vue.js·spring boot·后端
惊悚的毛毛虫1 小时前
掘金免广告?不想看理财交流圈?不想看exp+8?
前端