美文网首页
es6的模板字符串

es6的模板字符串

作者: 听风_ead5 | 来源:发表于2020-05-21 11:30 被阅读0次
关于es6的模板用法,想要拼接字符串使用传统的字符串拼接“+”是比较麻烦的,尤其拼接复杂的东西时,而es6为我们提供了模板用法,所谓模板用法,开始时我没看太明白,就去问了一下度娘,个人理解就是将你编辑好的字符串用反引号包起来,在里面写拼接的变量用${变量名},就可以识别这个变量,来一段代码来解释把
var number="es6";
                //传统写法
             console.log("我已经在学习"+ number+"了");//我已经在学习es6了
               //es6写法
             console.log(`我已经在学习    ${number}了`); //我已经在学习    es6了

通过上面的代码可以知道:es6的模板用法更简便,而且反引号里面是什么样就会输出来什么样,有几个空格输出来几个空格

相关文章

  • ES6模版字符串

    初探ES6:字符串模板 && 标签模板 关键词:``,${} 字符串模板: 在ES6之前我们要在html或者con...

  • 21.模板字符串和标签模板字符串

    ES6新增了模板字符串,用于字符串拼接 ES6新增了标签字符串 标签模板字符串执行结果: 函数的第一个参数为数组,...

  • ES6常用新特性

    ES6新特性介绍 模板字符串 模板字符串实现字符串拼接 模板字符串实现多行字符串 结构赋值 对象的解构赋值 数组的...

  • TypeScript字符串新特性

    多行字符串 1. 多行字符串 其中 `` 用来定义 ES6 中的模板字符串,${expr} 用来在模板字符串中嵌...

  • ES6入门用法&字符串模板

    字符串模板 传统的JavaScript的输出模板是 ES6引入了模板字符串来解决这个问题 用反引号(`)来标识

  • 【基础知识】消除ES6模板字符串中的空格

    转:消除ES6模板字符串中的空格 在开发中经常要用模板字符串,在拼接HTML文件时会遇到模板字符串中的空格问题比如...

  • es6、es7常用特性

    1、模板字符串模板字符串 不使用ES6 使用+号降变量拼接喂字符串 例:var name ='My name is...

  • (五)ES6字符串模板箭头函数字面量

    本节知识点 字符串模板 箭头函数 字面量 字符串模板 在ES6里面字符串模板就是为了不用再把字符串拼接起来,省的有...

  • ES6 模板字符串

    为了能够让我们更加方便的拼接,操作字符串,ES6出了模板字符串。 模板字符串是用`反引号代替常规字符串的'单引号或...

  • ES6之模板字符串的使用方法

    字符串模板引擎 什么是模板字符串?ES5中的字符串缺乏多行字符串、字符串格式化、HTML转义等特性。而ES6通过模...

网友评论

      本文标题:es6的模板字符串

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