es6 javascript的``模板字符串

您所在的位置:网站首页 javascript空格标签 es6 javascript的``模板字符串

es6 javascript的``模板字符串

2024-06-30 20:06| 来源: 网络整理| 查看: 265

正常使用js的数据放入页面的时候需要自己手动拼接字符串的,现在es6提供了一种模板字符串解决了这个问题 模板字符串( template string )是增强版的字符串,用反引号( ` )标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。 ps:反引号别告诉我不知道是啥,键盘一左边的按键

在里面的变量写法不用再拼接了,只需要用${}来划定范围就行了,大括号内部可以放入任意的 JavaScript 表达式,可以进行运算,以及引用对象属性、

let bianliang = 1111; console.log(`输出的会是 ${bianliang}`);输出结果:输出的会是 1111 是不是很赞!!!! 如果使用模板字符串表示多行字符串,所有的空格和缩进都会被保留在输出之中。

然后看看更带劲的,模板编译

var template = ` `;上面代码在模板字符串之中,放置了一个常规模板。该模板使用放置 JavaScript 代码,使用输出 JavaScript 表达式。 这样就会循环的生成了一个列表,es6是不是太赞了

标签模板模板字符串的功能,不仅仅是上面这些。它可以紧跟在一个函数名后面,该函数将被调用来处理这个模板字符串。这被称为 “ 标签模板 ” 功能( tagged template )。

alert`123` // 等同于 alert(123)标签模板其实不是模板,而是函数调用的一种特殊形式。 “ 标签 ” 指的就是函数,紧跟在后面的模板字符串就是它的参数。 但是,如果模板字符里面有变量,就不是简单的调用了,而是会将模板字符串先处理成多个参数,再调用函数。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3