Uma diferença é que [`match` retorna um array][1] e [`matchAll` retorna um iterador][2], mas tem vários outros detalhes a se atentar.

Quando a regex não tem a [*flag*][3] `g`, `match` retorna um array contendo somente a primeira ocorrência, e mais algumas informações relacionadas (como por exemplo os [grupos de captura][4]). Mas quando tem a *flag* `g`, o resultado contém somente os *matches*, sem informações adicionais:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    let s = 'a1 b2 c3 d4';

    console.log('---match---');
    // sem flag g, pega somente a primeira ocorrência, com informações adicionais
    let result = s.match(/[a-z](\d)/);
    for (let i in result) console.log(`${i}=${result[i]}`);

    console.log('---matchAll---');
    // com flag g, pega todas as ocorrências, sem informações adicionais
    result = s.match(/[a-z](\d)/g);
    for (let i in result) console.log(`${i}=${result[i]}`);

<!-- end snippet -->

A regex é `[a-z](\d)` (uma letra seguida de um número, sendo que o número está em um grupo de captura). Sem a *flag* `g`, o retorno tem somente a primeira ocorrência (`a1`) e os demais elementos dele contém informações adicionais: o conteúdo do grupo de captura (o dígito `1`), o índice onde o *match* foi encontrado (`a1` está no índice zero da string), a string inteira e o atributo `groups`, que contém somente os [grupos nomeados](https://pt.stackoverflow.com/a/383646/112052) (por isso o grupo que contém o dígito não está ali).

Mas se usarmos a *flag* `g`, o array contém somente os trechos que deram *match*, sem as informações adicionais.

Antes de `matchAll`, a única forma de obter as informações adicionais para todas as ocorrências era usando [`exec`][5]:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    let s = 'a1 b2 c3 d4';
    let r = /[a-z](\d)/g;
    let match;
    while (match = r.exec(s)) {
        console.log('----');
        for (let i in match) console.log(`${i}=${match[i]}`);
    }

<!-- end snippet -->

Repare que agora cada chamada de `exec` retorna um array contendo o *match* e as informações adicionais.

Mas com `matchAll` fica um pouco mais simples fazer a mesma coisa:

<!-- begin snippet: js hide: false console: true babel: false -->


<!-- language: lang-js -->

    let s = 'a1 b2 c3 d4';
    let r = /[a-z](\d)/g;
    for (const match of s.matchAll(/[a-z](\d)/g)) {
        console.log('----');
        for (let i in match) console.log(`${i}=${match[i]}`);
    }

<!-- end snippet -->

E como `matchAll` retorna um iterador, dá para usá-lo com `for..of` (como no exemplo acima), com *spread* para criar um array com os resultados (`[...s.matchAll(/[a-z](\d)/g)]`), etc.

---

Um detalhe é que com `matchAll`, **a regex deve obrigatoriamente ter a *flag* `g`, caso contrário dará erro** (e uma curiosidade é que se você usar `exec` sem a *flag* `g`, [ele entra em *loop* infinito](https://ideone.com/EWBSoH), já que `exec` faz a busca a partir do `lastIndex`, mas sem a *flag* `g` este valor sempre é zero, então neste caso ela sempre vai encontrar um *match*).

Aliás, este é outro detalhe: `exec` atualiza o [`lastIndex`][6] da regex, então cada chamada passa a procurar a partir desta posição. Mas `matchAll` não mexe no `lastIndex`:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    let s = 'a1 b2 c3 d4';
    let r = /[a-z](\d)/g;
    let match;
    while (match = r.exec(s)) {
        console.log(r.lastIndex);
    }

    let r2 = /[a-z](\d)/g;
    for (const m of s.matchAll(r2)) {
        console.log(r2.lastIndex);
    }

<!-- end snippet -->


  [1]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/match#Return_value
  [2]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/matchAll#Return_value
  [3]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Advanced_searching_with_flags
  [4]: https://www.regular-expressions.info/brackets.html
  [5]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/exec
  [6]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/lastIndex