传播功能是什么意思。 javascript中的普通函数是否可迭代

Question

我正在控制台中执行类似以下代码的操作

function add(a,b){return a+b;};
const obj = {...add};

令我惊讶的是，它没有引发错误。也没有

const obj = {...123};

扩展语法应该只适用于可迭代的实体，如对象、数组、字符串、映射、集合等。 那么为什么在使用不可迭代实体时它不会抛出错误呢？ 还是我在这里遗漏了什么？

Answer 1

JavaScript 中的函数也是objects。它有自己的属性，如name、call、apply 等。

执行const obj = {...add} 只是获取function object 的可枚举 属性，将它们放入另一个对象并分配给obj。您可以通过

查看

function add(a,b){return a+b;};
add.test = 1;

const obj = {...add};

console.log('test' in obj);

123 呢，它被转换为 Number 包装器，其余的都是一样的

const obj = {...123};

console.log('valueOf' in obj);

Answer 2

您所拥有的是用于对象文字的spread syntax ...（并非所有user agents 都支持）。

在对象字面量中传播

Rest/Spread Properties for ECMAScript 提案（第 4 阶段）将传播属性添加到 object literals。它将自己的可枚举属性从提供的对象复制到新对象。

function add(a, b) { return a + b; }

const obj = { ...add };

console.log(obj); // no properties because no own enumerable properties