为什么是{…window}。数学没有定义?

那是因为 Math 无法枚举。

这个 ECMA-2018 (ES9) specs 有点难读。 MDN 以及a proposal page 规定的: {...obj} 为所有对象创建一个新对象 obj 的(1)自己的 和 (2) 可枚举属性。 数学 是 window 的自己的属性,但不可枚举:

console.log(window.hasOwnProperty("Math"));
console.log(Object.getOwnPropertyDescriptor(window, "Math"));

你可以用一个对象来重现这种情况:

obj = {};

Object.defineProperty(obj, 'x', {
  enumerable: false,
  value: 123
});

console.log(obj);   // Google Chrome prints { x: 123 } but StackOverflow prints {} and Node.js prints {} too
console.log(obj.x);
console.log(({...obj}).x);

{…Window}正在使用展开运算符将副本复制到新对象中。数学是不可枚举的,因此它不会被复制到新对象中。

你可以自己测试一下:

const a = {}
Object.defineProperty(a, "prop1", { value: "enumerable", enumerable: true })
Object.defineProperty(a, "prop2", { value: "not enumerable", enumerable: false })

然后复制您的对象:

{...a}.prop1 //"enumerable"
{...a}.prop2 // undefined