SyntaxError: ожидаемое выражение, получено '.'

Question

Кто-нибудь знает, откуда эта ошибка JavaScript?

SyntaxError: expected expression, got '.' 

Я получаю эту ошибку при использовании регулярных выражений с косой черты (сбежавшего), как el.href.match(/video\/(.*)@/)[1]; в качестве строки, переданной функции как createTextNode, TextContent или innerHTML.

Это регулярное выражение работает, когда оно не сохраняется в виде текста. Регулярного выражения без слэша как текст работа, вы можете увидеть мой пример кода:

HTML:

<a style="display: none; width: 840px; height: 472px;" href="http://videos.francetv.fr/video/147338657@Info-web" id="catchup" class="video"></a> 

JavaScript:

var el = document.getElementById("catchup"); 
var script = document.createElement("script"); 
var text = ` 
    (function() { 
     var id = el.href.match(/video\/(.*)@/)[1]; 
     alert("test 4 - regex with slash as text: " + id); 
    })();`; 
script.appendChild(document.createTextNode(text));  
document.getElementsByTagName("head")[0].appendChild(script); 

Работу и неудовлетворительные тесты можно найти здесь:

https://github.com/baptx/baptx.github.io/blob/65f11b77df5a7464365374b3505921a4ef9b1272/get_m3u8_debug/get_m3u8_debug.htm

Вы можете проверить его жить на GitHub Pages (JSFiddle не работает в моем случае):

https://baptx.github.io/get_m3u8_debug/get_m3u8_debug.htm

Answer 1

Вы спасаясь слэш вместо того, чтобы иметь baskward слэш.

`el.href.match(/video\/(.*)@/)[1]` === 'el.href.match(/video/(.*)@/)[1]' 
// '\/' == '/', not '\\/' 

Вам нужно, чтобы избежать обратной косой черты, а также:

`el.href.match(/video\\/(.*)@/)[1]` 

Вы также можете воспользоваться строкой шаблона с string representation of a regex, чтобы получить это представление исходного кода. В основном, eval(/any regex/ + '') получит такое же регулярное выражение.

var regex = /video\/(.*)@/; 
var text = `el.href.match(${regex})[1]`; 
// Or: 
var text = `el.href.match(` + /video\/(.*)@/ + ')[1]'; 

/video\/(.*)@/igm + '' === '/video\\/(.*)@/gim'; 
new RegExp('video\\/(.*)@', 'gmi') + '' === '/video\\/(.*)@/gim'; 

Answer 2

Если под «как строка» вы имеете в виду "video\/(.*)@", то сама обратная косая черта должна быть экранированы, "\\" строковый литерал, содержащий один символ:

/video\/(.*)@/ 

такая же, как

new Regex("video\\/(.*)@") 

Answer 3

Вы используете шаблонные литералы с буквальными строками в качестве регулярных выражений, и вам нужно удвоить слэш или любой другой специальный символ в этих обычных e Xpressions.

Javascript интерпретирует и удаляет первый escape-символ при разборе строкового литерала, и вам нужен escape-символ, чтобы сделать его в скрипте, поэтому вам понадобятся два из них.

var text = ` 
     (function() { 
      var id = el.href.match(/video\\/(.*)@/)[1]; 
      alert("test 4 - regex with slash as text: " + id); 
     })();`;