javascript - JavaScript 中的解构赋值模式似乎并不清晰

Question

来自网站exploringjs

Before ES6, there was no corresponding mechanism for extracting data. That’s what destructuring is – it lets you extract multiple properties from an object via an object pattern. For example, on the left-hand side of an assignment:

const { first: f, last: l } = obj;

我理解下面的示例，例如，可以将 http 模块中的 createServer 方法分配给同名的变量。

const { createServer } = require('http');

但是这个怎么样:

const { parse: parseUrl } = require('url');

如何在代码中使用它？

Answer 1

当您想要更改来自 require('url') 的变量名称时，可以使用此选项

因为 require('url') 包含 parse，但假设您在当前作用域中已经有名为 parse 的变量，并且您希望从 require('url') 获得 parse，在这种情况下，您使用此模式将其重命名为 parseUrl

示例:

const parse = "some value";
const { parse: parseUrl }  = require('url');
console.log(parse); // "some value";
console.log(parseUrl); // value coming from require('url');