Публикации по теме 'template-literals'
ES6: Всем привет, шаблонные литералы
Автор Уэйн Данкли (Front-end разработчик)
Одно из моих любимых дополнений к ES6 - шаблонные литералы или шаблонные строки, как их раньше называли. Все мы знаем, насколько болезненно создавать String, состоящий из текста, переменных и выражений. Повсюду используются одинарные кавычки, двойные кавычки и знаки плюса. См. Следующий пример кода, чтобы напомнить об ужасе.
let string = "Welcome " + name + ", your balance is " + ( oldValue + newValue );
Шаблонные..
Вопросы по теме 'template-literals'
Сценарий ECMA 2015 (ES6) на NodeJS без флагов
Согласно этой статье , многие функции ES6 (особенно литералы шаблонов, официально известные как "строки шаблонов") ) включены по умолчанию.
В терминал было введено следующее:
user@host: node
> "test string: ${10+4}"
'test string: ${10+4}'...
62 просмотров
schedule
16.09.2022
eslint не распознает литерал шаблона
const perunString = perun.times(100).toFixed(2).toString();
return `%{perunString} %`;
Что дает две ошибки
perunString определен, но никогда не используется
Строки должны использовать одинарные кавычки.
414 просмотров
schedule
02.05.2022
Литеральная интерполяция шаблона разбивает таблицу пробелов
При использовании литералов шаблонов я заметил проблему с форматами таблиц.
Когда вы делаете что-то вроде этого:
var hello = 'Hello',
bye = 'Goodbye';
console.log(`
${hello} World
${bye} World
`);
Поскольку часть {bye}...
1244 просмотров
schedule
31.08.2022
Почему пакет Atom Linter-Eslint не распознает литералы шаблонов?
В документации по шаблонным литералам для ES6 есть следующее пример синтаксиса:
`string text ${expression} string text`
После этого моя функция:
function madLib (verb, adjective, noun) {
return `We shall ${verb} the ${adjective}...
982 просмотров
schedule
05.04.2022
Новая функция javascript console.log с «сырым»?
Я столкнулся с этим примером и был полностью потерян...
const test = (hey) => console.log(hey);
console.log(test `wtf`);
Во-первых, все это верно, в console.log это выглядит так:
["wtf", raw: Array[1]]
Вроде бы функция...
1919 просмотров
schedule
15.10.2023
Соберите строку шаблона с помеченными литералами шаблона, как обычно
Я ищу функцию, которая принимает strings и values и собирает строку шаблона, как это сделал бы обычный немаркированный литерал шаблона. Это существует? Какова логика? Что нужно сделать внутри функции tag , чтобы тестовый пример был завершен?...
58 просмотров
schedule
14.10.2022
Javascript: как использовать шаблонные литералы с JSON?
Сегодня я обнаружил литералы шаблонов Javascript ES6 . Всего одно слово: Круто!
Вопрос. Как хранить и загружать шаблонные литералы в формате JSON? Я загружаю некоторые файлы через XHR, а затем некоторые JSON.parse() , которые не поддерживают...
14757 просмотров
schedule
13.10.2022
Использование шаблонов ES6 для динамической генерации символов
Хотя я понимаю, что можно легко использовать:
x="\141"; alert(`${x}`)
и получите строку a в результирующем диалоговом окне предупреждения, что, если бы вы динамически генерировали значение x на основе динамического значения?
Скажем,...
21 просмотров
schedule
05.08.2022
JSON в HTML: создавать шаблоны в зависимости от значения поля JSON (только ES6)
Я пытаюсь перебрать вложенный объект JSON, используя .map() , и вывести разные шаблоны HTML в зависимости от JSON inputType: "value" . Я хочу использовать правильный шаблон (литерал шаблона es6) на основе Тернарного оператора и добавить...
301 просмотров
schedule
30.07.2023
Внедрение SVG с литералами шаблона не работает в браузере
Моя идея состоит в том, чтобы внедрить встроенный SVG в мой HTML, используя литералы шаблонов. Цель состоит в том, чтобы просто использовать преимущества стилизации встроенных SVG-иконок с помощью CSS, но избегать раздувания html-кода с помощью SVG....
868 просмотров
schedule
17.12.2023
Как определить, была ли функция вызвана нормально или как теговый литерал шаблона?
Я хотел бы создать функцию, которую можно вызывать нормально:
myFn(arg1, arg2)
Или как помеченный литерал шаблона:
myFn`text ${someVar}`
Можно ли в реализации myFn определить, был ли он вызван обычным образом или как теговый...
141 просмотров
schedule
11.07.2023
Литералы шаблонов ES6 (строка шаблона) в проекте React of ASP.NET Core
Я использовал React в проекте ASP.NET Core, где я застрял в одном месте, где мне нужно, чтобы одна часть имени класса была динамической, а другая часть должна быть постоянной. Литералы шаблонов могут достичь моего варианта использования, но я не...
34 просмотров
schedule
18.06.2023
Как я могу добавить функцию onclick внутри «буквального шаблона», который находится внутри класса?
это если мой первый вопрос здесь, так что извините за любую ошибку или если вопрос слишком глупый.
* У меня есть класс с методом, который отображает карту страны на экране. Мне нужно добавить функцию onclick, чтобы сохранить название страны, чтобы...
108 просмотров
schedule
28.06.2022
Как вызвать функцию onclick внутри литерала шаблона в React js
Пожалуйста, помогите мне написать функцию щелчка в литералах шаблона в реакции js. Нажав кнопку в литерале шаблона, мне нужно вызвать другую функцию в реакции js.
addPopupToLayer = (surface, layer) => {
const { surface_type: { name, color...
1655 просмотров
schedule
15.06.2023
Использование события onclick с функцией с более чем одним аргументом в литералах шаблона
Как правильно написать функцию с более чем одним аргументом при использовании литералов шаблона javascript post es6, вызываемых событием onclick?
мой код:
function displayImg(imageUrl, gameName, gameSummary, gameYear, cardId) {
cardId =...
62 просмотров
schedule
02.06.2024
Выберите значение из объекта с динамическим ключом на основе ключа ввода в Typescript
Итак, мой бэкэнд имеет такой JSON
name: "Hello",
nameTranslations: {nl:"Hallo", en: "Hello", fr: "Bonjour"}
description: "Hello",
descriptionTranslations: {nl:"Hallo", en:...
198 просмотров
schedule
18.08.2022