• 技术文章 >web前端 >前端问答

    es6中的反引号用来做什么

    长期闲置长期闲置2022-03-30 18:08:55原创99

    es6中的反引号的作用:1、用于解析变量,语法为“`${变量名}`”;2、用于实现换行,语法为“`多行代码`”;3、用于调用方法,语法为“`${方法名()}`”。

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

    es6中的反引号用来做什么

    1、可以解析变量

    var name = `张三`
    var sayHello = `Hello,我的名字叫${name}`
    console.log(sayHello)

    输出结果:

    18.png

    2、可以换行

    let obj = {
                 name: 'zs',
                 age: 18
              }
    let html = `
                 <div>
                     <span>${obj.name}</span>
                     <span>${obj.age}</span>
                 </div>
                `
    console.log(html)

    输出结果为:

    17.png

    3、可以调用函数

    const fn=()=>{ return '我是fn函数' }
    let html = `我是模板字符串${fn()}`
    console.log(html)

    输出结果为:

    20.png

    【相关推荐:javascript视频教程web前端

    以上就是es6中的反引号用来做什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:es6
    上一篇:箭头函数是es6的新功能吗 下一篇:es6中yield是什么意思
    Web大前端开发直播班

    相关文章推荐

    • typescript跟es6有什么区别• es6怎么判断数组是否有某一项值• es6怎么判断对象key是否存在• es6新增的遍历方法有哪些• es6 math方法有哪些

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网