Js中的对象解构赋值JavaScript/TypeScript中的对象解构赋值，是一种从对象中提取属性值的简介语法。示

const { level, id, key } = node;

const level = node.level;
const id = node.id;
const key = node.key;

const { id: userId, key: itemKey} = node;
// 相当于：
// const userId = node.id;
// const itemKey = node.key;

const { level = 1, id = 'default-id' } = node;
// 如果node.level是undefined/null，level将被赋值为1

const {
    data: {
        user: { name, age }
    }
} = response;
// 从深层嵌套对象中取值

const { id, ...rest } = node;
id = node.id;
rest = { level: node.level, key: node.key, ... } // (除id以外其他属性)

function processNode({ id, level }: { id: string; level: number}) {
    // 直接使用id和level
}

const { level, id, key }: { level:number; id: string; key: string } = node;

interface Node {
    level: number;
    id: string;
    key: string
}

const { level, id, key }: Node = node;

实际应用场景

const MyComponent = ({ title, onClick }: { title: string; onClick: () => void}) => {
    // 直接使用title和onClick
}

fetch('/api/data')
    .then(({ status, data })) => {
        // 直接使用status和data
    }

function init({ url, timeout = 5000, retry = 3}) {
    // 使用配置参数
}

let a = 1, b = 2;
[a, b] = [b, a]; // 交换a, b的值

const { id } = node || {};