es6中的反引号用来做什么

136 阅读 0 评论 90 点赞

我是靠谱客的博主玩命鸵鸟，这篇文章主要介绍es6中的反引号用来做什么，现在分享给大家，希望可以做个参考。

本教程操作环境：windows10系统、ECMAScript 6.0版、Dell G3电脑。

es6中的反引号用来做什么

1、可以解析变量

复制代码var name = `张三`
var sayHello = `Hello，我的名字叫${name}`
console.log(sayHello)1
2
3
var name = `张三`
var sayHello = `Hello，我的名字叫${name}`
console.log(sayHello)
登录后复制

输出结果：

2、可以换行

复制代码let obj = {
             name: 'zs',
             age: 18
          }
let html = `
             <div>
                 <span>${obj.name}</span>
                 <span>${obj.age}</span>
             </div>
            `
console.log(html)1
2
3
4
5
6
7
8
9
10
11
let obj = {
             name: 'zs',
             age: 18
          }
let html = `
             <div>
                 <span>${obj.name}</span>
                 <span>${obj.age}</span>
             </div>
            `
console.log(html)
登录后复制

输出结果为：

3、可以调用函数

复制代码const fn=()=>{ return '我是fn函数' }
let html = `我是模板字符串${fn()}`
console.log(html)1
2
3
const fn=()=>{ return '我是fn函数' }
let html = `我是模板字符串${fn()}`
console.log(html)
登录后复制

输出结果为：