Почему safari ругается на апостроф?

Question

[izmailovalber]

Доброго времени суток!
Подскажите, почему код работает во всех браузерах кроме сафари?

$.ajax({
    url: '../form.php',
    type: "GET",
    dataType: "json",
    success: function(json) {
        $('.table > tbody').append(
            `${json.result.map(n =>
    `<tr>
	  <td>${n.id}</td>
	  <td>${n.description}</td>
	  </tr>`).join('')}`
        );
    }
});

Ошибка в консоли:

invalid character: '`'

Как можно поправить?

Answer 1

[Владимир Проскурин]

Вероятно Safari не нравится '`' внутри '`' (нет safari под рукой, чтобы проверить. Но на хроме все ок). Не понятно, зачем вам так делать, если можно обойтись одними апострофами.

success: function(json) {
        $('.table > tbody').append(
            json.result.map(n =>
    `<tr>
    <td>${n.id}</td>
    <td>${n.description}</td>
    </tr>`).join('')
        );
    }

Comments

[izmailovalber]

Теперь ему эта строка не нравится...
json.result.map(n =>
Ошибка:

Unexpected token '>'

[Владимир Проскурин]

izmailovalber, вероятно, вы тестируете на старом сафари (случайно не виндовом? Он очень старый, на него нельзя ориентироваться). Стрелочные функции в сафари, поддерживаются с 10-й версии https://caniuse.com/#search=arrow%20function

[izmailovalber]

Владимир Проскурин,

вы тестируете на старом сафари (случайно не виндовом?

С iphone работает, с ipad нет, но обновлений на браузер не находит.

[Владимир Проскурин]

izmailovalber, посмотрите версию сафари на iPad. Судя по тексту ошибки, эта проблема в поддержке стрелочных функций в браузере. Если хотите использовать старые браузеры, не используйте новые фичи ES, или подключите babel.

[izmailovalber]

Владимир Проскурин,

$.ajax({
    url: '../form.php',
    type: "GET",
    dataType: "json",
    success: function(json) {
        $('.table > tbody').append(json.result.map(function(n) {
            return "<tr><td>".concat(n.id, "</td><td>").concat(n.description, "</td></tr>");
        }).join(''));
    }
});

В общем только таким образом удалось добиться работоспособности на всех устройствах...

[Владимир Проскурин]

izmailovalber, можно без concat

$('.table > tbody').append(json.result.map(function(n) {
            return '<tr><td>' + n.id + '</td><td>' + n.description + '</td></tr>';
        }).join(''));

[Роман]

Владимир Проскурин, нашел таки объяснение непонятного поведения апострофов