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

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爱创课堂`)


  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值