討論的是轉(zhuǎn)成數(shù)組的時(shí)候的區(qū)別

擴(kuò)展運(yùn)算符（...）：
任何定義了遍歷器（Iterator）接口的對(duì)象，都可以用擴(kuò)展運(yùn)算符轉(zhuǎn)為真正的數(shù)組。如：Map 和 Set 結(jié)構(gòu)，Generator 函數(shù)

Array.from:
Array.from方法用于將兩類(lèi)對(duì)象轉(zhuǎn)為真正的數(shù)組：類(lèi)似數(shù)組的對(duì)象（array-like object）和可遍歷（iterable）的對(duì)象（包括 ES6 新增的數(shù)據(jù)結(jié)構(gòu) Set 和 Map）。

能用擴(kuò)展運(yùn)算符轉(zhuǎn)的 都能用Array.from。

其中在擴(kuò)展運(yùn)算符有個(gè)注意點(diǎn)：如果沒(méi)有實(shí)現(xiàn)iterator接口，則不能轉(zhuǎn)。
如

const obj = {a: 1, b: 2};
let arr = [...obj]; // TypeError: Cannot spread non-iterable object  
// 其實(shí)最終想要的是 [{a:1},{b:2}]

let a = { ...obj } 
 // 這里 不報(bào)錯(cuò)，原因是 只有[...變量] 這種方式，也就是最后要的是數(shù)組的情況下，
//  才會(huì)去調(diào)用iterator接口。如果不是數(shù)組，是對(duì)象的話，不會(huì)調(diào)用的。
a = { a: 1, b: 2 }  // 這里相當(dāng)于淺拷貝