javascript对象赋值节点js

Question

我是 JavaScript 新手，正在浏览一些对象示例，请解释一下下面的代码...

const car = {type:"Fiat", model:"500", color:"white"};
const {type} = car;
console.log(type)

在节点终端中运行上述代码时，每个输出都未定义。

我对上面的代码有两个问题：

1. 这里的作业如何进行

   const {type} = car;

2. 为什么每个输出中都会出现“未定义”。

Answer 1

1。那里的赋值被称为 Javascript 中的解构。

解构赋值语法是一种 JavaScript 表达式，可以将数组中的值或对象中的属性解压到不同的变量中

解构赋值使用与对象类似的语法，但在赋值的左侧定义从源变量中解包哪些值。

您的情况：

const car = {type:"Fiat", model:"500", color:"white"};
const { type, model } = car;
// is equivalent to:
// const type = car.type;
// const model = car.model;

您可以在官方 MDN 文档上阅读有关解构的更多信息：MDN：解构赋值

2。每个输出中都会出现“未定义”。

在大多数 JavaScript 控制台中，当您执行语句或表达式时，它会打印该语句或表达式的输出/返回值。这是控制台指示语句已执行的一种方式

但如果它不返回特定值，控制台通常会显示“未定义”结果。但是，并非所有语句或表达式都会返回“undefined”。