JS的ES6模板字符串（拼接、变量、循环、函数）

拼接：反引号（`）

$('#ulList').html(`<ul><li>浙江</li><li>杭州</li></ul>
`);

变量：用${ }

$('#ulList').html(`<ul><li>${data.province}</li><li>${data.city}</li></ul>
`);

let x = 1;
let y = 2;`${x} + ${y} = ${x + y}`
// "1 + 2 = 3"`${x} + ${y * 2} = ${x + y * 2}`
// "1 + 4 = 5"let obj = {x: 1, y: 2};
`${obj.x + obj.y}`
// "3"//调用函数
function fn() {return "大连";
}`I come from ${ fn() }`
//I come from 大连

循环

let template = `
<ul><% for(let i=0; i < data.supplies.length; i++) { %><li><%= data.supplies[i] %></li><% } %>
</ul>
`;

函数

let script =
`(function parse(data){let output = "";function echo(html){output += html;}${ template }return output;
})`;return script;

JS的ES6模板字符串（拼接、变量、循环、函数）相关推荐

js中定义用字符串拼接起来的变量名的变量
转载:https://www.cnblogs.com/vlone/p/4602072.html js中定义用字符串拼接起来的变量名的变量今天在写js的时候碰到了难题,我又一个页面需要生成很多的变量. ...
(js)模板字符串中使用循环遍历数据：
(js)模板字符串中使用循环遍历数据: // 数据格式 let wordList = {id: "2",question: "李四",content: [{ n ...
es6模板字符串中循环遍历数据踩坑
应该很少有这种需求,需要在模板字符串利循环遍历数据,现在框架都有自己模板语法. 我这里踩的坑是,我在模板字符串中用forEach,map遍历循环时,返回值一直是一个undefined 用for循环re ...
ES6 模板字符串 ``
参考原文链接 1. 使用JavaScript输出字符串,通常是下面这样的: console.log("He is <b>"+person.name+"< ...
[ 前端开发 ] ES6模板字符串
ES6模板字符串模板字符串是 ES6 的新特性,他的作用是减少了字符串的拼接操作,提高了程序的可读性接下来看一个栗子
ES6模板字符串的扩展
1.模板字符串的扩展 1.1传统的Jquery方法 <div class="content"></div><script>let name = ...
shell 使用字符串拼接变量名
shell 使用字符串拼接变量名 # 定义好要用的变量 REMOTE_SERVER_dev: "gitlab-runner@192.168.1.6:/data/build"# 生成 ...
后端字段为null，前端使用ES6模板字符串进行展示
项目需求:后端字段为null,前端使用ES6模板字符串展示为空未处理前效果: // ES6的模板字符串可写表达式<template #default="{ row }"&g ...
R语言字符串拼接（paste()函数）
R语言中常使用paste()函数进行字符串拼接,paste()函数可以将任意数量的参数组合在一起. 1. 语法代码参数 paste(-, sep = " ", collapse ...

JS的ES6模板字符串（拼接、变量、循环、函数）

拼接：反引号（`）

变量：用${ }

循环

函数

JS的ES6模板字符串（拼接、变量、循环、函数）相关推荐

最新文章

热门文章