必威体育Betway必威体育官网
当前位置:首页 > IT技术

ES6 学习(二)[多行字符串``,重复字符串repeat,原始字符串raw]

时间:2019-08-12 20:13:18来源:IT技术作者:seo实验室小编阅读:73次「手机版」
 

``

1\      我们平时定义字符串一般用引号(单引号,双引号),这些定义的单行字符串内部不能出现特殊字符(换行符等等),我们可以通过转义符号代表这些特殊字符。

引号嵌套:单引号与双引号可以相互嵌套,单引号与单引号,双引号与双引号不能直接嵌套,字符串内部不能使用变量。。。。

为了解决上述问题,ES6提出来多行字符串概念,将字符串写在``内,就是一个多行字符串。

在多行字符串中,可以使用任何字符(除了`),想在多行字符串中使用变量要使用插值语法${变量}。该变量要在当前作用域下访问到。

插值语法提供了一个js环境,因此可以使用表达式。

插值语法如下:   ejs:   <%=key%>     MVC: <%key%>    Backbone|underscore:<%=key%>

                     vue: {{key}}       angular:{{key}}     less:@{key}    sass:#{$key}

                    stylus:{key}        react:{key}           ES6:${key}

 

 let html = '';

 for (let i = 0; i < data.length; i++) {

// data[i] 表示每一个成员

 html += `<li>

 <a href="#/detail/${data[i].id}">

 <h3 class="${'color' + i}">${data[i].title}</h3>

 <p>${data[i].description}</p>

 <img src="${'img/ad/' + data[i].url}" alt="">

</a>

</li>` }

html = `<ul>${html}</ul>`;

2\重复字符串

repeat:  重复参数次字符串

     参数表示重复的次数

repeat 方法返回一个新字符串,表示将原字符串重复n次。

3\原始字符串

字符串扩展了一个静态方法 raw,用来获取原始字符串,内部的转义字符不会转义(怎么写,怎么输出)

方法的特殊之处是参数用``定义(不需要用参数集合())

console.log(String.raw`这是一个神奇的\n网站\n爱创课堂`)

相关阅读

JSP如何读取MySql中MEDIUMBLOB字符串

JSP如何读取MySql中MEDIUMBLOB字符串,并显示?实现向MYSQL数据库中存储或提取图片文件一些情况下,需要向数据库中存储一些2进制文件,比

xml字符串格式化

说明 1、调用方法 : new XMLFormat(xml).format();2、该类不引用其他第三方jar包.3、支持对缩写< />进行格式化。本文参考博文:ht

哈夫曼编码字符串

详细图解哈夫曼Huffman编码树

使用FastJson对JSON字符串、JSON对象及JavaBean之间的

maven依赖包: <!-- https://mvnrepository.com/artifact/com.alibaba/fastjson --><dependency><groupId>com.alibaba</groupId><a

Oracle instr()函数获取数据字段已知字符串的位置

需求 我们现在需要获取的数据库字段的部分值,而不是需要拿到的整个字段 例如 我们现在取到以下数据字段 但是我们只需要字段的前

分享到:

栏目导航

推荐阅读

热门阅读