Com aspas duplas e simples são basicamente iguais, ambas tem funções semelhantes. Servem para declarar uma string normal. Já usando a crase podemos utilizar variáveis no meio do texto sem a necessidade de encadeamento com o +.

Obs: Em alguns casos é obrigatório o uso de aspas duplas para que o código rode, mas não é tão comum.

let n2 = 5

"valor"+ n2
'valor' + n2
`valor ${n2}`

Não sou tão experiente com JavaScript, tenho apenas 1 ano de vivência, mas foi o que pude perceber até então. Espero ter ajudado... Deixo um código extra para explicar melhor o uso do template literal (com crase).

const listaLivros = [    

    {
        'livro':'Mistborn',
        'autor':'Brandon Sanderson',
        'editora':'Leya',
        'valor':100.00
    },
    {
        'livro':'Mistborn 2º era',
        'autor':'Brandon Sanderson',
        'editora':'Leya',
        'valor':80.00
    },



]
listaLivros.map(dado =>{
    const tabela = document.querySelector('[data-tabela]');

    const tbody = document.createElement('tbody');
    tbody.innerHTML = `
        <tr>
            <td>${dado.livro}</td>
            <td>${dado.autor}</td>
            <td>${dado.editora}</td>
            <td>${dado.valor}</td>
        </tr>
    `
    tabela.appendChild(tbody)
})