JavaScript/TypeScript 中，解构重命名使用冒号 :

最新推荐文章于 2025-11-23 16:56:34 发布

原创最新推荐文章于 2025-11-23 16:56:34 发布 · 410 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #typescript #开发语言

在 JavaScript/TypeScript 中，解构重命名的正确语法是使用冒号 :，而不是 as。

错误写法：

javascript

const { lastMessage, disconnect as webSocketDisconnect } = useWebSocket({
  url: `/ws/print/progress/${requestId.value}`,
  token: token
});

正确写法：

javascript

const { lastMessage, disconnect: webSocketDisconnect } = useWebSocket({
  url: `/ws/print/progress/${requestId.value}`,
  token: token
});

语法说明：

disconnect: webSocketDisconnect - 将 disconnect 重命名为 webSocketDisconnect
冒号左边是原始属性名，右边是新的变量名

完整示例：

javascript

const { 
  lastMessage, 
  disconnect: webSocketDisconnect,  // 正确语法
  connect,
  send
} = useWebSocket({
  url: `/ws/print/progress/${requestId.value}`,
  token: token
});

// 使用重命名后的变量
webSocketDisconnect();

其他解构语法：

javascript

// 1. 基本解构
const { a, b } = obj;

// 2. 重命名
const { a: newA, b: newB } = obj;

// 3. 默认值
const { a = defaultValue } = obj;

// 4. 重命名 + 默认值
const { a: newA = defaultValue } = obj;

as 关键字在 TypeScript 中主要用于类型断言，不能用于解构重命名。