ES6模板字符串

﹏ヽ暗。殇╰゛Y 2022-04-27 19:54 172阅读 0赞

# 文档 #

[MDN][]

# 说明 #

模板字符串使用反引号“\`\`” 来代替普通字符串中的用双引号和单引号。模板字符串可以包含特定语法（$\{expression\}）的占位符

# 应用 #

## 与双引号相等 ##

``===""
    //true
    
    ``===''
    //true

## 在模板字符串中需要使用反引号，则前面需要用反斜杠转义 ##

var x = `\`abc`
    x
    //"`abc"

## 如果使用模板字符串表示多行字符串，则所有的空格、缩进和换行都会被保留在输出中。 ##

<!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>Document</title>
    </head>
    <body>
      <div id="div1"></div>
    </body>
    <script> let x = ` 123 你好 456 ` document.getElementById("div1").innerHTML=x </script>
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dhYnJpZWxfd2Vp_size_16_color_FFFFFF_t_70]

[MDN]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/template_strings
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0dhYnJpZWxfd2Vp_size_16_color_FFFFFF_t_70]: /images/20220121/cb1dd063172648659ddbe973a430f3b4.png

发表评论取消回复

表情：

评论列表（有 0 条评论，172人围观）

还没有评论，来说两句吧...

相关阅读

相关 es6 模板字符串

模板字符串（template string）是增强版的字符串，用反引号（\`）标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量 1、基本

ゝ一纸荒年。/ 2023年02月23日 12:22/ 0 赞/ 121 阅读

相关 ES6模板字符串

使用 ` ` (1的左边)包裹文本在需要替换的位置使用${ } 占位，并填入内容即可。 let name = '张三' let food

蔚落/ 2022年12月21日 06:05/ 0 赞/ 94 阅读

相关 es6字符串的扩展——模板字符串

模板字符串的用法： <!DOCTYPE html> <html> <head> <meta charset="utf-8">

ゝ一世哀愁。/ 2022年05月19日 13:16/ 0 赞/ 201 阅读

相关 ES6模板字符串

文档 [MDN][] 说明模板字符串使用反引号“\`\`” 来代替普通字符串中的用双引号和单引号。模板字符串可以包含特定语法（$\{expression\}）的

﹏ヽ暗。殇╰゛Y/ 2022年04月27日 19:54/ 0 赞/ 173 阅读

相关 ES6之字符串模板拼接

1，字符串需要用一对反引号包裹起来，它可以定义多行字符串，只用一对反引号 2，需要拼进去的数据需要放在$\{\}里面 3，大括号里面还可以进行运算 <!DOC

刺骨的言语ヽ痛彻心扉/ 2022年04月04日 10:14/ 0 赞/ 338 阅读

相关 es6模板字符串

才接触es6发现，可能已经很晚了，但是接触之后才发现真的好用很多。说说字符串模板吧。之前js的字符串基本都是用 str += '<div class="lis

小咪咪/ 2022年03月18日 05:23/ 0 赞/ 287 阅读

相关 Es6 - 字符串模板

字符串模板 var str = '名字';var long = '开开心心的学习es6的字符串模板语法'document.write(long)复制代码字符串

偏执的太偏执、/ 2022年01月12日 01:49/ 0 赞/ 311 阅读

相关 ES6之模板字符串

1.基本用法传统的JavaScript语言，输出模板通常是这样写的。 $('result').append( 'There are <b>' +

傷城~/ 2021年09月16日 19:40/ 0 赞/ 446 阅读

相关 ES6模板字符串

ES6模板字符串一、什么模板字符串二、写法一、什么模板字符串创建字符串的新方式二、写法 let a = `小飞`//使用反引

川长思鸟来/ 2021年09月07日 06:10/ 0 赞/ 498 阅读

相关 ES6——模板字符串

语法 `...${ ...}...` 变量的嵌套 var s1 = `hello vue`; `xxx ${ s1} xxx` //xxx

蔚落/ 2021年06月26日 16:06/ 0 赞/ 493 阅读