位置: 编程技术 - 正文

浅谈ES6 模板字符串的具体使用方法(es6 文档)

编辑:rootadmin

推荐整理分享浅谈ES6 模板字符串的具体使用方法(es6 文档),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:es6模板字符串,es6模板字符串,es6的内容,es6写法,es6模板字符串,es6 模板语法,es6模板字符串,es6的模板字符串新特性,内容如对您有帮助,希望把文章链接给更多的朋友!

写在前面

关于 ES6, 也终于在 年的 7 月 号尘埃落定了。虽然说各大浏览器还没有全面的支持,不过这并不妨碍我们一颗想要撸一把的心。在后端,可以使用 Node.js(0.+)或 io.js, 前端的话,也可以使用Babel 或Traceur 进行语法预转义成 ES5使用 。

关于该系列(不知道能不能成为一个系列,总是各种懒),会没有规律的挑选一些内容来学习。欢迎大家积极纠错,留言探讨。

模板字符串(template strings)

用法

ES6 中引进的一种新型的字符串字面量语法 - 模板字符串。书面上来解释,模板字符串是一种能在字符串文本中内嵌表示式的字符串字面量。简单来讲,就是增加了变量功能的字符串。

先来看一下以前我们对字符串的使用:

而现在:

很简洁吧。

浅谈ES6 模板字符串的具体使用方法(es6 文档)

引一段 MDN 对于模板字符串的定义:

模板字符串使用反引号 () 来代替普通字符串中的用双引号和单引号。模板字符串可以包含特定语法(${expression})的占位符。占位符中的表达式和周围的文本会一起传递给一个默认函数,该函数负责将所有的部分连接起来。

而占位符${},可以是任意的 js 表达式(函数或者运算),甚至是另一个模板字符串,会将其计算的结果作为字符串输出。如果模板中需要使用$,{等字符串,则需要进行转义。

看个例子就明白了。

不同于普通字符串,模板字符串还可以多行书写,模板字符串中所有的空格,新行,缩进都会原样的输出在生成的字符串中。

而单纯的模板字符串还存在着很多的局限性。如:

不能自动转义特殊的字符串。(这样很容易引起注入攻击) 不能很好的和国际化库配合(即不会格式化特定语言的数字,日期,文字等) 没有内建循环语法,(甚至连条件语句都不支持, 只可以使用模板套构的方法)

标签模板(tagged template)

为此,引出了标签模板的概念。标签模板则是在反引号前面引入一个标签(tag)。该标签是一个函数,用于处于定制化模板字符串后返回值。就拿上面对特殊字符串举例。

标签函数会接收多个参数。

第一个参数是包含了字符串字面量(即那些没有变量替换的值)的数组 后面的参数是已经替换后的变量值

改一下例子1

tag 的参数则分别为 ['公司名:','简介:'], '丁香医生', '丁香医生是面向大众的科普性健康类网站'。

有了此类方法,就大大的增加了控制的权利。如上面说的国际化库甚至循环语句。

浏览器兼容性

服务器端, io.js 支持 浏览器端, FF+ , chrome + 移动端 IOS 8, Android 4.4 IE Tech Preview

标签: es6 文档

本文链接地址:https://www.jiuchutong.com/biancheng/369746.html 转载请保留说明!

上一篇:微信小程序上传图片到服务器实例代码(微信小程序上传文件的API是)

下一篇:ES6中数组array新增方法实例总结(es6数组函数)

  • 资产负债表债务法是什么意思
  • 农产品的税率是9%吗
  • 一般户付款能开增值税票吗
  • 汇算清缴需要传什么资料
  • 减免增值税计入其他收益
  • 外币实收资本入账汇率
  • 报税软件费用可以退吗
  • 2021小规模免税
  • 企业所得税跨年度事项
  • 被收购的收入计什么科目
  • 购买资产佣金应该怎么算
  • 房地产收到客户房款如何做账
  • 新车车牌照
  • 算材料成本的时候要算增值税吗?
  • 增值税专用发票和普通发票的区别
  • 税法规定固定资产折旧残值率
  • 分公司的人员构成
  • 已抵扣的发票怎么开红字发票申请单
  • 开淘宝注册公司需要什么
  • 天然气的销售需要什么资质
  • 集团控股公司
  • 关联企业之间借款的处理
  • 购设备发票只开来一部分怎么入账?
  • 公司工会发给职工的福利
  • 退回押金如果要退回吗
  • 网上代开专票 附加税在哪看
  • 工业企业出售厂房需要预缴税款吗
  • 档案保管期限是写汉字吗?
  • 研发费用没有发票可以加计扣除吗
  • win10正版免费下载
  • 境外所得税抵免汇率
  • yolov5s和yolov5m
  • 公司注销职工怎么办理
  • 资产减值损失会影响利润总额吗
  • 弃置费用的会计处理
  • vit详解
  • win10本地模式
  • 命令提示符用不了怎么办
  • rust 入门教程
  • php教程从入门到精通
  • 投资性房地产公允价值模式账务处理
  • 收到汽车会计分录
  • 航天金税盘发票冲红怎么操作
  • 消费税计算的三种形式
  • 百旺金赋怎么开红字发票
  • 企业所得税计提金额怎么算
  • sqlserver创建维护计划
  • 个人所得税红利所得税率
  • 小规模纳税人免税政策2022
  • 一般纳税人条件要求2020
  • 工程前期费用包含哪些
  • 应收账款计提减值准备会计处理
  • 租房期间损坏应赔偿多少
  • 待发货订单是什么意思
  • 非流动资产增加意味什么
  • 赠送购物券的会计处理
  • fedora系统安装教程
  • sendmailadmin
  • centos 7.6安装教程
  • 如何查看winxp系统的运行内存
  • win1020h2镜像
  • win7怎么禁用触摸屏
  • linux怎样使用
  • 新装win8系统卡顿严重,虚拟内存为0
  • Bootstrap与KnockoutJs相结合实现分页效果实例详解
  • jquerycuishifeng
  • pops基本属性
  • android中数据存储
  • 什么是Shell,shell作用
  • android的handler
  • jQuery Ajax请求后台数据并在前台接收
  • python爬虫怎么做
  • js实例教程
  • jquery-easyui-1.3.3
  • CLASS_CONFUSION JS混淆 全源码
  • android数据存储与访问的方式有
  • 企业所得税汇总纳税备案表
  • 副局长是由局长任命的吗
  • 1.8排量够用吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设