请问es6的这个案例怎么理解？

问题描述

问 题

const tmp = addrs =>`
    <table>
    ${
        addrs.map(addr=>`
        <tr><td>${addr.first}</td></tr>
        <tr><td>${addr.last}</td></tr>
        `).join('')
    }
    </table>
`;

来源：阮一峰大神的es6入门
只知道这个tmp是定义了一个函数，哪位大神能否帮忙解释一下，
用工具转成es5是这个的：

var tmp = function tmp(addrs) {
    return '\n    <table>\n    ' + addrs.map(function (addr) {
        return '\n        <tr><td>' + addr.first + '</td></tr>\n        <tr><td>' + addr.last + '</td></tr>\n        ';
    }).join('') + '\n    </table>\n';
};

解决方案

其实就是一个循环拼串函数啊，这里他用了es6的模板字符串和map函数而已，你理解成 table表格里对一个对象进行循环遍历拼串就行了。

这篇关于请问es6的这个案例怎么理解？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！