函数返回对象而非数组时，如何将属性赋值给不同名称的变量？

场景1：函数返回属性为name、age的对象 #

对象解构支持重命名属性，语法为{ 原属性名: 目标变量名 }，实现代码如下：

const createCharacter = () => {
    // 业务逻辑省略
    return { name, age };
};

// 解构时将name映射为userName，age映射为userAge
const { name: userName, age: userAge } = createCharacter();

场景2：函数返回属性为userName、userAge的对象 #

当返回对象的属性名和你需要的变量名完全一致时，可以直接用简写语法解构：

const createCharacter = () => {
    // 业务逻辑省略
    return { userName, userAge };
};

// 按属性名直接匹配解构即可
const { userName, userAge } = createCharacter();

补充说明：和按位置匹配的数组解构不同，对象解构是严格按属性名匹配赋值，所以当返回的属性名和目标变量名不一致时，必须显式声明重命名映射关系。

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