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

最新推荐文章于 2024-05-26 19:22:39 发布
最新推荐文章于 2024-05-26 19:22:39 发布
阅读量8.7k 收藏 5
点赞数
分类专栏： 微信小程序开发例子 微信小程序+ES6新特性应用 文章标签： Web前端 互联网 前端开发 微信小程序 编程语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/FutrueJet/article/details/52938434
版权

1、字符串模板简介

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

2、关键代码

index.wxml

index.js 
Page({
  data:{
    // text:"这是一个页面"
    stringTemplateTxt:''
  },
  stringTe
最低0.47元/天 解锁文章
FutrueJet
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用ES6新特性开发微信小程序（7）
03-29
在ES6之前，社区制定了一些模块加载方案，最主要的有CommonJS和AMD两种。前者用于服务器，后者用于浏览器。ES6在语言规格的层面上，实现了模块功能，而且实现得相当简单，完全可以取代现有的CommonJS和AMD规范，成为...
微信小程序坑点杂谈（二）“{}”是什么？对象字符串怎么转换？
ODST_TheSolverO5的博客
03-30 850
微信小程序坑点杂谈（二）“{}”是什么？对象字符串怎么转换？ 一、写在开头 本人只是一枚小小的新手开发者，所提的问题和解答很难超过个人水平，如果对你有帮助，那就太好了！ 二、发现问题 之前在写小项目的时候发现了这样子的数据（大家且不要笑，确实我这边返回的数据很少有这种的）大概长这样子： data: "{"code":"0","msg":"上传成功","data":"http:\/\/47.1...
微信小程序${}不生效
liWei_Csdn0000的博客
04-14 689
微信小程序${}不生效
微信小程序基础 --模板语法（4）
最新发布
囦不在地球的博客
05-26 1141
介绍了wxml，wxss，wxjs
`${ }`模板字符串
m0_64288523的博客
08-22 328
`${ }`拼接字符串
微信小程序用${}替换动态参数不生效的问题定位
听海边涛声
04-03 274
微信小程序用${}替换动态参数不生效的问题定位
小程序手札-自定义组件
车联网开发的博客
02-25 501
小程序学习手札，知识点点播
微信小程序开发day02
小高今天早睡了吗？
06-16 176
今天主要学习了在项目中插入视频、轮播图片的功能。 1.插入视频 在movies.js中编写以下代码，movies.wxml是展示主页面样式和文件，相当于html页面。 <!-- 播放视频 --> <view> <video src="http://www.w3school.com.cn//i/movie.mp4" binderror="videoErrorCallback"> </video> </view> 2.轮播图片 在movi
使用ES6新特性开发微信小程序（9）
03-29
不需要将"use strict"放在脚本文件的第一行，微信小程序开发工具开启ES6转换功能的情况下，默认启用javasctipt严格模式（Strict Mode）。 用块级作用域代替IIFES IIFE（立即执行函数表达式）的通常用途是创造一个...
使用ES6新特性开发微信小程序（10）
03-29
在ES6中，像Array，Date和Dom元素这样的内建对象都可以被子类化。   class MyArray extends Array {  constructor(...args) {  super(...args);  } } var arr = new MyArray(); arr[1] = 12; console.log(arr....
使用ES6新特性开发微信小程序（5）
03-29
ES6对Object、Array、String、Number、Math等原生对象添加了许多新的API。 Object对象 Object.prototype.proto：对象具有属性proto，可称为隐式原型，一个对象的隐式原型指向构造该对象的构造函数的原型，这也保证了...
ES6(ECMAScript 6)新特性之模板字符串用法分析
08-30
ES6（ECMAScript 6）是JavaScript语言的一次重大更新，其中引入了许多新特性，其中之一就是模板字符串。模板字符串的出现，极大地提升了JavaScript中处理字符串的便捷性和可读性，尤其是在字符串插值方面。 首先，...
使用ES6新特性开发微信小程序（1）
03-29
微信小程序支持绝大部分ES6的新增特性。 Constants（常量） ES6新增了const关键字，用来声明常量，一旦声明，常量的值就不能改变了。 const PI = 3.141593; console.log(PI); PI = 3; // 报错: Uncaught TypeError: ...
使用ES6新特性开发微信小程序（6）
03-29
使用ES6新特性开发微信小程序（6）——元编程 元编程是指的是开发人员对 “语言本身进行编程”。一般是编程语言暴露了一些API，供开发人员来操作语言本身的某些特性。 从ES6开始，新增了Proxy和 Reflect特性，扩展了...
使用ES6新特性开发微信小程序（2）
03-29
ES6中的模板字符串(Template String)是一种能在字符串文本中内嵌表达式的字符串字面量(String Literal)。 除了使用反撇号字符 ` 代替普通字符串的引号 ' 或 " 外，它们看起来与普通字符串并无二致。 let firstName =...
使用ES6新特性开发微信小程序（4）
03-29
ES6引入了一种新的原始数据类型Symbol，表示独一无二的值。它是JavaScript语言的第七种数据类型，前六种是：Undefined、Null、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。 Symbol值通过...
微信小程序Wepy框架的三个事件交互($broadcast，$emit，$invoke)
weixin_30296405的博客
06-28 223
$broadcast： $broadcast事件是由父组件发起，所有子组件都会收到此广播事件，除非事件被手动取消。事件广播的顺序为广度优先搜索顺序，如上图，如果页面Page_Index发起一个$broadcast事件，那么按先后顺序依次接收到该事件的组件为：ComA、ComB、ComC、ComD、ComE、ComF、ComG、ComH。如下图 理解官方意...
学习微信小程序—那些你必须掌握的WXML知识
weixin_45745641的博客
07-02 667
数据绑定 1.使用双大括号 {{}} 将变量包起来 <view> {{ message }} </view> Page({ data: { message: 'Hello' } }) 2.获取对象的值，通过下标获取数组的值 3.可以做运算，比如判断，四则运算等 4.使用js传过来的值必须使用花括号 条件渲染 wx:if 通过wx:if="{{condition}}"来判断是否需要渲染该代码块： <view wx:if="{{condition}}"&g
微信小程序之三元操作符
Huang_John的博客
11-12 5946
微信小程序的api里面自带条件判断wx:if，基本能够满足我们的日常使用需求了，但有时候会发现比较繁琐，那么如果用三元操作符来写的话，相对来说会简洁很多，比如我要通过status状态来判断显示什么内容，那么如果用wx:if来写的话，代码如下： &lt;view wx:if="{{status==1}}"&gt;微信小程序&lt;/view&gt; &lt;view wx:if="{{status=...
Javascript高级笔记总结.pdf
04-03
"这份文档是关于JavaScript高级笔记的总结，主要涵盖了ES6中新的变量创建方式和函数的相关特性。" 在JavaScript中，ES6引入了许多新的语法特性，大大提升了编程的便利性和代码的可维护性。其中，变量的创建方式是...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值