Публикации по теме 'template-strings'
Шаблоны с тегами и понимание синтаксиса стилизованных компонентов
Я пишу стилизованные компоненты чуть больше года, и все это время я не понимал, что происходит с синтаксисом тегированных шаблонных литералов. Этот синтаксис также популярен для GraphQL, если вы его используете. Думаю, многие похожи на меня в том, что они впервые столкнулись со следующим синтаксисом: «Что ж, это выглядит забавно, но если мне удастся написать SCSS вместо этого громоздкого объекта javascript css, давайте попробуем».
Если бы ваш ответ был больше похож на мелодию: «Как это..
Строки шаблона JavaScript от нуля до героя № 24 🧵
Строковые литералы шаблонов — это полезная функция JavaScript, позволяющая разработчикам встраивать выражения в строковые литералы. В этой статье блога мы рассмотрим синтаксис и возможности строковых литералов шаблонов в JavaScript.
Синтаксис
Строковые литералы шаблонов заключаются в обратные кавычки (‘), а не в одинарные или двойные кавычки. Синтаксис ${} используется для встраивания выражения в строку, как показано в следующем примере:
const name = 'John';
const message =..
Вопросы по теме 'template-strings'
Как я могу создать строку шаблона из обычной строки?
Итак, у меня есть это string :
var name = "Chaim";
var templateStr = "Hello, my name is ${name}";
Как я могу преобразовать его в строку-шаблон, чтобы результат был равен:
var template = `Hello, my name is ${name}`;
Есть ли способ...
9601 просмотров
schedule
09.05.2023
Практическое удобство использования шаблонов с тегами ES6
Я понимаю синтаксис ES6 помеченных шаблонов . Чего я не вижу, так это практичности. Когда это лучше, чем передача параметра объекта, например настройки в AJAX jQuery ? $.ajax('url', { /*this guy here*/ })
Прямо сейчас я вижу только сложный...
762 просмотров
schedule
02.04.2024
Попытка использовать строки шаблона с тегами дает «Uncaught SyntaxError: Unexpected token»
Я использую помеченные строки шаблона в следующем коде
var a = 5;
var b = 10;
var pp="";
function tag(strings, ...values) {
pp+=strings[0]; // "Hello "
pp+=strings[1]; // " world "
pp+=values[0]; // 15
pp+=values[1]; // 50...
2023 просмотров
schedule
30.05.2023
Почему при использовании строк шаблона можно вызывать функции без скобок?
У меня есть простая функция регистрации:
function log(str) {
console.log('logged: ', str);
}
Если я вызываю его без скобок (в настоящее время использую инструменты разработчика Chrome) и передаю строку шаблона, например:
log`foo`...
3109 просмотров
schedule
14.02.2023
строки шаблона не работают
Строки шаблонов должны работать на любых терминалах, таких как терминал визуального кода студии или терминал Windows. Но это не так. Я сделал этот код визуальной студии кода. Вот мой код
var name = 'Andrew';
console.log('Hello...
5918 просмотров
schedule
26.01.2023
Печать строк шаблона Javascript с разрывами строк
Есть ли способ распечатать (используя console.log) строки шаблона javascript, применяя замены, когда это так, но учитывая разрывы строк '\ n' при печати?
Например, когда у меня есть следующее:
let someVar = 'a';
let tsString = `here...
399 просмотров
schedule
07.02.2023
Разделить строку шаблона на разрывы строк, игнорируя литерал \n
У меня есть текстовые данные в нескольких строках, хранящиеся в строке шаблона ES6. Любая строка может содержать буквальную строку \n . Пример:
`line1
same\nline2
line3`
Я хочу разбить эту строку на массив строк, где каждая строка...
2127 просмотров
schedule
23.05.2024
Передача объекта в строке шаблона es6
У меня есть этот сегмент кода ниже
${res.result.map(resultObj =>
`<div class="col-sm-4 mb-4">
<a class="btn btn-primary" onclick="getEditable(resultObj)">Edit</a>
</div>`
)};
window.getEditable = (resultObj) =>...
1073 просмотров
schedule
15.12.2022
Грамматика antlr: разрешить сопоставление пробелов только в строке шаблона
Я хочу разобрать строки шаблона:
`Some text ${variable.name} and so on ... ${otherVariable.function(parameter)} ...`
Вот моя грамматика:
varname: VAR ;
variable: varname funParameter? ('.' variable)* ;
templateString: '`'...
226 просмотров
schedule
10.11.2022
Передача литерала шаблона, поскольку реквизит не отображается
У меня есть функциональный компонент
const Paragraph = forwardRef((ref: any) => {
return (
<div>
<p dangerouslySetInnerHTML={{ __html: props.text }}></p>
</div>
);
});
Когда я вызываю этот...
152 просмотров
schedule
06.08.2022
Это правильный синтаксис для шаблона с тегами ES2015?
На этой странице есть следующий фрагмент кода (который также можно найти здесь ), демонстрирующий использование строки шаблона. Единственное объяснение или контекст - это комментарий в начале, который имеет для меня смысл сам по себе. Однако сам...
38 просмотров
schedule
08.01.2023