当前位置:   article > 正文

前端ES6模板字符串:_前端字符串模板

前端字符串模板

ES6声明新增的字符串的方式 [``]  ,原本有"",''这两种

  1. <script>
  2. //1.声明
  3. let str = `我也是字符串哦`;
  4. console.log(str,typeof str);//我也是字符串哦 string
  5. //2.内容中可以直接出现换行符
  6. //以前 不能有换行符 要换只能使用+号进行换行
  7. let str1 = '<ul>'+
  8. '<li>小生意</li>'+
  9. '<li>大神贵</li>'
  10. +'</ul>';
  11. console.log(str1);
  12. //有了反引号 不用使用加号 直接出现换行符
  13. let str2 = `<ul>
  14. <li>小沈阳</li>
  15. <li>大生意</li>
  16. </ul>`;
  17. console.log(str2);
  18. //变量拼接
  19. let lovestr = '未向';
  20. //以前的做法 使用加号拼接
  21. let out = lovestr + 'xxx是我';
  22. console.log(out);
  23. //反引号后
  24. let out2 = `${lovestr}xxx是我`;
  25. console.log(out2);
  26. </script>

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/IT小白/article/detail/93076
推荐阅读
相关标签
  

闽ICP备14008679号