ES5模板字符串‘字符串’和${} 表示法

js的ES5 特性:模板字符串,用英文单引号表示,

内部直接用 ${变量} 获取值然后拼接字符串,不用通常:“字符串”+变量名称 的方式拼接

模板字符串必须用  ``  包含
变化的部分用 ${xyz}定义
  let obj={name:'bob',age:18}
  let str=`姓名:${obj.name},年龄:${obj.age}`
  console.log(str)

好像和el表达式语言差不多,只是这个用在英文单引号里面

另外一个微信小程序例子:

const {
        field
      } = e.currentTarget.dataset
      this.setData({
        [`formData.${field}`]: e.detail.value
      })

介绍

这是解构,对象属性间赋值
const {
        field
      } = e.currentTarget.dataset
下面是${field}取值再拼接字符串
`formData.${field}`

最终是给page中data中的formData属性的(field的值)属性赋值。

  1. 模板字符串必须用  ``  包含
  2. 变化的部分用 ${xyz}定义
posted @ 2020-03-13 00:46  假程序猿  阅读(2133)  评论(0)    收藏  举报