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

Quando a regex não tem a *flag* `g`, `match` retorna um array contendo somente a primeira ocorrência, e mais algumas informações relacionadas (como por exemplo os [grupos de captura][1]). 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';

    // 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]}`);

    // com flag g, pega todas as ocorrências, sem informações adicionais
    console.log(s.match(/[a-z](\d)/g)); // [ 'a1', 'b2', 'c3', 'd4' ]

<!-- 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`:

<!-- 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* este valor sempre é zero, então neste caso ela sempre vai encontrar um *match*).

Aliás, este é outro detalhe: `exec` atualiza o `lastIndex` 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://www.regular-expressions.info/brackets.html