解决未捕获的SyntaxError：意外令牌>

Question

我有一个在Cordova应用程序上转换base64图像中的文本的功能。 它工作正常，但在少数设备中，脚本上存在意外的令牌错误。

功能如下：

    function socialShare(message, font) {
    var y = 12;
    var x = 18;
    var canvas = document.getElementById("receipt");
    var context = canvas.getContext("2d");

    // calcula a largura da string mais larga
    context.font = font;
    var maxStrWidth = message.map(e => {
        return context.measureText(e).width;
    }).sort((a, b) => {
        return b - a;
    });

    // configura a largura do canvas dinamicamente
    canvas.width = maxStrWidth[0] + 9;
    canvas.height = x * message.length;

    // seta a cor do background do canvas
    context.fillStyle = "#ffffe6";
    context.fillRect(0, 0, canvas.width, canvas.height);

    // escreve o texto
    context.font = font;
    context.fillStyle = "#000";
    message.forEach(e => {
        context.fillText(e, 3, y);
        y += x;
    });

    // gera a string base64
    let base64 = canvas.toDataURL("image/jpeg", 1);

    // chamada do plugin social share
    window.plugins.socialsharing.share(
        null, 
        'Comprovante de Aposta', 
        base64, 
        null
    );
}

错误在var maxStrWidth行上引发。 你觉得有什么问题吗？

Answer 1

并非所有设备都支持ES6箭头功能，对于使用较旧chrome webview版本的较旧android版本尤其如此。

如果您打算支持较旧的设备，则最好坚持使用标准函数声明。

在这里进一步阅读：

https://strongloop.com/strongblog/an-introduction-to-javascript-es6-arrow-functions/