【微信小程序+ES6新特性应用】字符串模板：美元符号$+大括号{}变量的写法

最新推荐文章于 2024-04-03 20:23:01 发布

原创

最新推荐文章于 2024-04-03 20:23:01 发布 · 9k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#Web前端 #互联网 #前端开发 #微信小程序 #编程语言

本文介绍了ES6新特性在微信小程序中的应用，特别是字符串模板的使用。通过美元符号$和大括号{}，开发者可以方便地在字符串中插入变量，如`console.log(`ES6新特性：${name}`)`，其中name为变量名。

1、字符串模板简介

ES6新特性中的字符串模板允许使用英文字符抑音符号`（提示：这里我们不能将其理解为单引号）来创建字符串，并且在该字符串中可以包含都【美元符号+大括号】包裹的变量
格式：console.log(`ES6新特性：${name}`)
说明：格式中的name为变量名

2、关键代码

index.wxml

index.js

Page({
  data:{
    // text:"这是一个页面"
    stringTemplateTxt:''
  },
  stringTemplate:function(){
    var stringTemplateTxt="字符串模板数据"//定义一个变量并初始化值    
    console.log(`我是${stringTemplateTxt}`)//将stringTemplateTxt变量的值输出到控制台
  }
})

3、源代码获取方式

百度云链接：http://pan.baidu.com/s/1mhOmGxa