JavaScript解构赋值技巧与应用

// 对象解构

const user = { name: 'Alice', age: 25, role: 'dev' };

const { name, age } = user;

console.log(name); // 'Alice'

// 数组解构

const colors = ['red', 'green', 'blue'];

const [first, second] = colors;

console.log(first); // 'red'

const config = { timeout: 3000 };

const { retries = 3, timeout } = config;

console.log(retries); // 3（使用默认值）

const data = {

  user: {

    profile: { name: 'Bob', email: 'bob@example.com' }

  }

};

const { user: { profile: { name } } } = data;

console.log(name); // 'Bob'

const product = { id: 123, price_usd: 29.99 };

const { id, price_usd: price } = product;

console.log(price); // 29.99

function connect({ host = 'localhost', port = 8080, ssl = false }) {

  console.log(`Connecting to ${host}:${port} via ${ssl ? 'https' : 'http'}`);

}

connect({ host: 'api.example.com', port: 443, ssl: true });