美文网首页
JS模板字符串的小坑

JS模板字符串的小坑

作者: 大码猴 | 来源:发表于2024-04-18 11:06 被阅读0次

JS模板字符串写法`${}`

多行写法:
`
第一行
第二行
`

坑:
多行字符串如果包含了#字符,可能会被截取
例如

`uni.getSystemInfo({ 
    success: function(e) { 
        // #ifndef MP
        
        // #endif

        // #ifdef MP-WEIXIN
       
        // #endif

        // #ifdef MP-ALIPAY
      
        // #endif
    } 
})`

markdown显示没问题,但是当把上面文字复制并赋值给字符串时,会丢失第二个// #以后的内容

解决方案,在#前增加转义符\,防止转义导致的内容丢失

`uni.getSystemInfo({ 
    success: function(e) { 
        // \#ifndef MP
        
        // \#endif
    } 
})`

相关文章

  • 模板字符串

    title: 模板字符串date: 2016-11-21 15:04:36tags: [js] 模板字符串 模板字...

  • 前端小白成长03--小知识点 字符串 参数 展开数组

    1.模板字符串可以\转义 2.可以换行 3.把js片段输出,不用+号拼接 带标签的模板字符串 字符串的扩展方法 i...

  • 模板引擎 easyTpl 的实现

    [TOC] 模板引擎 easyTpl 的实现 概述 项目中经常需要使用js模板去渲染字符串,像 handlebar...

  • 模板引擎

    目录:1.字符串拼接2.string format3.模板替换4.自制模板引擎5.常见模板引擎介绍 需求: 用JS...

  • TypeScript学习

    字符串的新特性 多行字符串 使用``实现多行字符串 编译成js代码为: 字符串模板 其实和多行字符串差不多 编译j...

  • 模板引擎

    1.模板引擎:模板引擎编译成html,静态js,css; jade与pug同名 2.如何使用jade解析字符串: ...

  • javascript的几种使用多行字符串的方式

    JS里并没有标准的多行字符串的表示方法,但是在用模板的时候,为了保证模板的可阅读性,我们又不可避免的使用多行字符串...

  • React最佳入门

    起步 ES6 默认参数与rest sprea(展开) 模板字符串 解构赋值 类 ES6模块化 a.js b.js ...

  • TypeScript语法

    废话不多说直接撸码!左侧TS代码,右侧编译后的JS代码。 字符串 1.多行字符串 2.字符串模板 3.自动拆分字符...

  • JavaScript 字符串

    js字符串,js字符串的概述和声明,js字符串的特性,js字符串的常用方法,js字符串的拓展方法,js字符串的案例...

网友评论

      本文标题:JS模板字符串的小坑

      本文链接:https://www.haomeiwen.com/subject/kgoexjtx.html