JavaScript中的模板字符串
前言:模板字面量 是允许嵌入表达式的字符串字面量。你可以使用多行字符串和字符串插值功能。它们在ES2015规范的先前版本中被称为“模板字符串”。
文章目录
- 一、语法
- 二、描述
- 三、多行字符串
- 四、插入表达式
一、语法
`string text``string text line 1string text line 2``string text ${expression} string text`tag `string text ${expression} string text`
二、描述
模板字符串使用反引号 (``) 来代替普通字符串中的用双引号和单引号。模板字符串可以包含特定语法(${expression})的占位符。占位符中的表达式和周围的文本会一起传递给一个默认函数,该函数负责将所有的部分连接起来,如果一个模板字符串由表达式开头,则该字符串被称为带标签的模板字符串,该表达式通常是一个函数,它会在模板字符串处理后被调用,在输出最终结果前,你都可以通过该函数来对模板字符串进行操作处理。
三、多行字符串
在新行中插入的任何字符都是模板字符串中的一部分,使用普通字符串,你可以通过以下的方式获得多行字符串:
console.log('string text line 1\n' +
'string text line 2');
// "string text line 1
// string text line 2"
要获得同样效果的多行字符串,只需使用如下代码:
console.log(`string text line 1
string text line 2`);
// "string text line 1
// string text line 2"
四、插入表达式
var a = 5;
var b = 10;
console.log('Fifteen is ' + (a + b) + ' and\nnot ' + (2 * a + b) + '.');
// "Fifteen is 15 and
// not 20."
现在通过模板字符串,我们可以使用一种更优雅的方式来表示:
var a = 5;
var b = 10;
console.log(`Fifteen is ${a + b} and
not ${2 * a + b}.`);
// "Fifteen is 15 and
// not 20."
JavaScript中的模板字符串相关推荐
- es6字符串添加html标签,JavaScript_详解JavaScript ES6中的模板字符串,在 ES6 中引入了一种新的字符 - phpStudy...
详解JavaScript ES6中的模板字符串 在 ES6 中引入了一种新的字符串字面量 - 模板字符串,除了使用反引号 (`) 表示,它们看上去和普通的字符串没有什么区别.在最简单的情况下,他们就是 ...
- js模板字符串自定义类名_详解JavaScript ES6中的模板字符串
这篇文章主要介绍了详解JavaScript ES6中的模板字符串,JS的ES6版本带来诸多简洁化方面的重大改进,需要的朋友可以参考下 在 ES6 中引入了一种新的字符串字面量 - 模板字符串,除了使用 ...
- [译]JavaScript:ES6中的模板字符串简介
原文:http://tc39wiki.calculist.org/es6/template-strings/ ES6中的模板字符串(template string)是一种能在字符串文本中内嵌表达式的字 ...
- 用ES6中的模板字符串实现在字符串中添加变量和字符串换行
什么是模板字符串 它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量. 例如: var str1 = '你好吗' +'李华';var str2 = `你好吗 李华`;conso ...
- java两字符串是否相等_Java与JavaScript中判断两字符串是否相等的区别
JavaScript是一种常用的脚本语言,这也决定了其相对于其他编程语言显得并不是很规范.在JavaScript中判断两字符串是否相等 直接用==,这与C++里的String类一样.而Java里的等号 ...
- 在JavaScript中解析查询字符串[重复]
本文翻译自:Parse query string in JavaScript [duplicate] Possible Duplicate: 可能重复: How can I get query str ...
- java中字符串和数组如何比较_[Java教程]javascript中数组和字符串的方法比较
[Java教程]javascript中数组和字符串的方法比较 0 2016-07-19 23:00:05 ×目录[1]可索引 [2]转换 [3]拼接[4]创建[5]位置 前面的话 字符串和数组有很多的 ...
- JavaScript中常见的字符串操作函数及用法汇总
转载地址:http://www.jb51.net/article/65358.htm 这篇文章主要介绍了JavaScript中常见的字符串操作函数及用法,实例汇总了javascript常见的字符串转换 ...
- ES6中的模板字符串---反引号``
在react中,反引号``有特殊的含义. 如MDN中所述,模板字符串(Template literals)允许嵌入表达式,并且支持多行字符串和字符串插补特性.基本语法为以下几种: 其中第一行为最基本用 ...
最新文章
- joc杂志影响因子2019_2019年放射学领域SCI主要杂志影响因子汇总
- python处理excel表格实例-python读写Excel表格的实例代码
- 第四范式天枢入选毕马威首届“领先消费科技50”榜单
- Linux 命令之 usermod -- 用于修改用户的基本信息
- 解决jboss.resteasy.spi.UnhandledException: Response is committed, can‘t handle exception
- 程序员被沦陷!国内程序员真的饱和了?
- LeetCode经典算法精解-字符串编辑距离
- 前端使用 geetest 行为验证 web-部署教程
- transition的合理运用
- P问题、NP问题、NP完全问题和NP难问题
- 高通 MSM8K bootloader 之四: ramdump
- Eclipse将控制台输出信息保存为文件
- 五步制定企业的使命、愿景和价值观
- 小程序 饿了么美团外卖券返利小程序源码+教程
- 百加得改变生产方式,协助生产洗手液
- ​李德毅:自动驾驶炒作这么久为什么老百姓仍没有坐上
- EXCEL 单元格内换行内容改成两行单元格内容
- 交叉编译qt5.11.3源码(不带opengl)
- 前端开发[html+css]的实用网站分享(一)
- handlebars.js_Handlebars.js入门指南
热门文章
- python做简单的笑脸的编程_python 利用turtle库绘制笑脸和哭脸的例子
- c#中数组,ArrayList和List 三者的区别
- 周末动物园旅游计划书
- 【转】操作无法完成.键入的打印机名不正确
- [CSP]201803-4 棋局评估 min-max搜索
- IBM与中国银联合作开展区块链项目
- 潭州课堂25班:Ph201805201 WEB 之 CSS 第二课 (课堂笔记)
- 关于Unity 部分模拟器和手机出现一闪一闪的花屏问题记录
- 有关计算机知识的英语论文,有关计算机英语论文范文
- LAMP环境搭建(分布式)