在javascript中，destructure中的“=”是什么意思？

最近，我读到一个js文件，有一个如下的解构结构

依我看，我会写

const{files}=obj.props，但是
const{file=[]}=obj.props
是什么意思？
为什么要这样写？这有什么好处

const obj = {
  props: {
    files: [1, 2, 3],
  },
};

const { files = [] } = obj.props;
// const { files } = obj.props;
console.log(files);

默认值

如果从数组中解包的值未定义，则可以为变量指定默认值



const obj={
道具：{not_files:1}，
};
const{files=[“default”，“value”]}=obj.props；
console.log（文件）
默认值

如果从数组中解包的值未定义，则可以为变量指定默认值



const obj={
道具：{not_files:1}，
};
const{files=[“default”，“value”]}=obj.props；
console.log（文件）它将空数组作为缺少属性的默认值。更多地低于或低于


constobj={props:{}；
const{files=[]}=obj.props；
console.log（文件）它将空数组作为缺少属性的默认值。更多地低于或低于


constobj={props:{}；
const{files=[]}=obj.props；
console.log（文件）