JavaScript中能否用const { propName as newName } = object重命名对象属性？

嘿，我懂你遇到的困惑啦！你大概率是把ES模块导入的语法和对象解构的语法搞混了——对象解构里重命名属性用的是冒号:，而不是as，as是专门给模块导入的成员重命名用的，这俩是完全不同的语法规则哦。

先给你看一个百分百有效的示例：

const product = {
  id: '123',
  title: 'JavaScript Guide',
  price: 49.99
};

// 把title重命名为productName，price重命名为productPrice
const { id, title: productName, price: productPrice } = product;

console.log(productName); // 输出 "JavaScript Guide"
console.log(productPrice); // 输出 49.99
console.log(id); // 保留原属性名，输出 "123"

如果你之前写了const { title as productName } = product，那肯定会报错，因为对象解构语法里根本不认识as这个关键字。

如果你的运行环境不支持ES6解构语法，或者有其他特殊需求，还有这些办法：

• 最直接的手动赋值：

const product = { title: 'Node.js Cookbook' };
const productName = product.title;

• 批量重命名可以用对象字面量展开：

const product = { title: 'React Basics', price: 39.99 };
const renamedProduct = {
  productName: product.title,
  productPrice: product.price,
  // 还可以保留其他属性
  ...product
};

你提到的导入里的as是ES模块的专属语法，比如：

// 从模块导入时用as重命名导出的成员
import { getProduct as fetchProduct } from './api.js';

这和对象解构完全是两回事，别再搞混啦～

内容的提问来源于stack exchange，提问作者Kevin Danikowski