在这种情况下使用对象析构的正确方法是什么？
在这种情况下使用对象析构的正确方法是什么？
提问于 2019-03-29 02:58:43
我最近将ESLint添加到一个项目中，以提高该项目和我的技能。
const server = app.listen(config.port, () => {
const host = server.address().address;
const port = server.address().port;
log.info(`API server listening on host ${host}, port ${port}`);
});ESLint建议对第2行和第3行使用解构。
VSCode给我的“快速解决方案”是
const server = app.listen(config.port, () => {
const { host } = server.address();
const { port } = server.address();
log.info(`API server listening on host ${host}, port ${port}`);
});这感觉...不知怎么的错了。
如果快速修复实际上不是正确的修复，可以有人在这里教育使用解构的正确方法。
如果这确实是正确的修复，有人能解释为什么这比以前更好吗？
我不想盲目地追随ESLint，但我也不会忽视像ESLint这样的工具的建议。就像我说的，我想学习。
回答 2
Stack Overflow用户
回答已采纳
发布于 2019-03-29 03:07:32
解构javascript的工作原理如下:参见下面的示例:假设您定义了一个对象x，其键为a，b，c：
var x = {a:1, b:2, c:3};
现在，如果您只想从对象x获取键a和c，并将它们存储在variable中，并且您想将key a分配给自定义命名的变量，让我们假设它为m：
var {a:m, c} = x;
console.log(a); // throws error "Uncaught ReferenceError: "a" is not defined"
console.log(m); // prints 1这里的"a“值被赋值给变量m
console.log(c); // prints 3这里的"c“值被赋值给默认的命名变量"c”
我希望这能解释你在javascript中解构的工作原理。下面是解构你的问题的实现：
const server = app.listen(config.port, () => {
const { address: host, port } = server.address();
log.info(`API server listening on host ${host}, port ${port}`);
});Stack Overflow用户
发布于 2019-03-29 03:03:49
您可以析构该值，同时还可以将字段映射到不同的名称。
const mockServer = {
address() {
return {
address: 'foo',
port: 3000,
};
},
};
const { address: host, port } = mockServer.address();
console.log(host, port);
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55405030
复制相关文章
相似问题