JS模板字符串直接输出

今天测试的时候发现以下问题:

let value1 = 'test';
console.log('${value1}');
//${value1}

出现原因及解决方法:字符串使用的单引号(’),这样是错误的写法。应该用斜的单引号(`),即tab键上面的那个点,如下:

let value1 = 'test';
console.log(`${value1}`);
//test

总结:虽然在JS中,字符串可以用双引号、单引号、斜单引号包裹,但模板字符串用双引号和单引号包裹字符串会导致字符串原样输出,使用模板字符串是应该用斜单引号,即tab上面那个。

JavaScript模板字符串无用相关推荐

  1. JavaScript模板字符串传参数

    JavaScript模板字符串传参数 JavaScript模板字符串传参数 JavaScript模板字符串传参数 <!DOCTYPE html> <html lang="e ...

  2. javaScript模板字符串、严格模式、编码字节长度

    一.模板字符串 var str=`hello`模板字符串 模板语法`${变量}` ${简单运算} <script>// +号连接字符function test2(){var a=10var ...

  3. javascript模板字符串(标签函数)

    前面介绍了javascript的模板字符串的基本知识,今天深入学习一下标签函数 模板字符串概述 这里先简单说一下模板字符串的概念 1.模板字符串,从名字上可以得出其实返回的是字符串,普通使用其实就想引 ...

  4. JavaScript模板字符串

    JS模板字符串 1. 什么是模板字符串 ? 2. 模板字符串的用法 3. 模板字符串标签函数 1. 什么是模板字符串 ? 模板字符串:是允许嵌入表达式的字符串(可以使用多行字符串和字符串插值功能) 它 ...

  5. 手撕前端面试题【javascript~模板字符串、类继承、参数解析器、生成页码等】

    前端的那些基本标签

  6. es6字符串添加html标签,JavaScript_详解JavaScript ES6中的模板字符串,在 ES6 中引入了一种新的字符 - phpStudy...

    详解JavaScript ES6中的模板字符串 在 ES6 中引入了一种新的字符串字面量 - 模板字符串,除了使用反引号 (`) 表示,它们看上去和普通的字符串没有什么区别.在最简单的情况下,他们就是 ...

  7. js模板字符串自定义类名_详解JavaScript ES6中的模板字符串

    这篇文章主要介绍了详解JavaScript ES6中的模板字符串,JS的ES6版本带来诸多简洁化方面的重大改进,需要的朋友可以参考下 在 ES6 中引入了一种新的字符串字面量 - 模板字符串,除了使用 ...

  8. JavaScript之模板字符串的使用

    本文主要介绍JavaScript中模板字符串的使用.相对于字符串拼接而言,模板字符串提供了更加简洁的方法.下面介绍模板字符的几个特性. 1.支持单双引号同时书写 模板字符串由反引号"`&qu ...

  9. JavaScript 模板文字(模板字符串)

    文章目录 字符串的模板文字 使用模板文字的多行字符串 表达式插值 标记模板 参考文档     在本教程中,您将借助示例了解 JavaScript 模板文字(模板字符串).     模板文字(模板字符串 ...

最新文章

  1. python中的中文乱码问题深入分析
  2. Web拾遗--字符集的困扰?
  3. 【建议收藏】HTTP与HTTPS的区别
  4. 深入理解js系列一作用域是什么
  5. 威胁快报|新兴挖矿团伙借助shodan作恶,非web应用安全再鸣警钟
  6. CIRIquant:circRNA定量和剪接体转换识别
  7. AlexNet--CNN经典网络模型详解(pytorch实现)
  8. 面试:用 Java 实现一个 Singleton 模式
  9. jq监听子元素被点击_jQuery怎么实现当前被点击元素的父级下的某个元素显示出来了?...
  10. CSDN的这些人,醒醒吧
  11. VS下使用多字符集编码和Unicode字符集编码的总结
  12. hⅰgh怎么读音发音英语_字母h的发音音标
  13. 服务器 amd cpu性能排行榜,amd cpu 性能排行榜_amd处理器性能排行
  14. HTML版权符号写法及美化
  15. 编译器提示old-style parameter declarations
  16. 永不妥协 Never Compromise
  17. d3dx9_35.dll如何修复
  18. 双主动桥隔离双向DC-DC变换器(二) 基本特性
  19. html模拟百度人物百科,HTML MARC
  20. Git之删除本地仓库

热门文章

  1. 等值连接与自然连接的区别
  2. CCF导教班第一天:明天开始——重做学生
  3. ORA-14402: 更新分区关键字列将导致分区的更改
  4. 安全报告:移动端木马减少 钓鱼网站增多
  5. CRect 详解及注意事项
  6. 学计算机应用要office么,计算机应用中Office办公软件的现状及教学方法
  7. web前端微信小程序水平仪,如何做水平仪
  8. YII中You are not authorized to perform this action的解决方法
  9. 信息安全 | 病毒分析的基础流程、报告编写、特征提取
  10. 什么是站群?深度解析站群概念