ES6 模版字符串双撇号 ``

作者: 凛冬将至2002 | 来源:发表于2023-12-14 15:25 被阅读0次

ES6 学习总结
js - 05 JS数据类型-字符串数据类型
String
es6模版字符串`${ }`
模版字符串
模版字符串—ES6
React设置多个classNames
前端高频面试题
字符串模板
每日总结

模版字符串双撇号``
一、简单模版字符串

单行模版字符串和普通的字符串写法一样，将单引号换成撇号即可

let str = `123456`
// 等同于
let str = '123456'

多行字符串，只需要将撇号`把字符串包裹起来就行。

let str = `hello world
你好
模版字符串和字符串的单引号区别，用的是撇号 `
`

二、变量

变量嵌入模版字符串中，需要使用${} 将变量包裹起来

let name = '你好'
let blog = `hello 是：${name}`
blog // ''hello是：你好"

拼接字符串

let str1 = '模版字符串1，hello'
let str2 = '使用撇号拼接字符串'
let str =  `${str1 + str2}`
str // "模版字符串1，hello使用撇号拼接字符串"

ES6 学习总结
for of遍历集合和数组模版字符-反撇号模版字符串中所有的空格、新行、缩进、都会原样输出在生成的字符串...
js - 05 JS数据类型-字符串数据类型
字符串数据类型所有用单引号、双引号、反引号（撇 ES6模版字符串）抱起来的都是字符串把其他类型值转换为字符串 ...
String
字符串的遍历器接口 ES6为字符串添加了遍历器接口，使得字符串可以被for...of循环遍历模版字符串模版字符...
es6模版字符串`${ }`
ES6 的模版字符串（Template Strings ）就是用占位符的方式来拼接字符串
模版字符串
ES6中提供了模版字符串，****用`（反引号）标识，用${}将变量括起来。上面的例子可以用模版字符串写成下面这样...
模版字符串—ES6
今天在项目中用到了模版字符串，在此感谢小马同学的知识分享。 1、ES6中提供的模版字符串在使用模板字符串之前我们...
React设置多个classNames
方法一：ES6模版字符串方法二：join("") 方法三：classnames(需要下载classnames)
前端高频面试题
ES6语法：let const 箭头函数 Map Set 字符串模版块级数组与字符串[https://deve...
字符串模板
ES5下必须用+js+这样的形式进行拼接。ES6新增了字符串模版。字符串模版不再使用‘xxx’这样的单引号，而是换...
每日总结
每日单词 ES6模版字符串语法：模板字符串(Template String)是增强版的字符串，用反引号(`)标识...