【微信小程序+ES6新特性应用】通过对类的操作来处理数据后显示在视图界面

FutrueJet

于 2016-10-26 21:19:47 发布

阅读量887

点赞数

分类专栏：微信小程序开发例子微信小程序+ES6新特性应用文章标签： Web前端互联网前端开发微信小程序编程语言

本文链接：https://blog.youkuaiyun.com/FutrueJet/article/details/52938385

版权

微信小程序开发例子同时被 2 个专栏收录

65 篇文章

订阅专栏

微信小程序+ES6新特性应用

6 篇文章

订阅专栏

本文介绍如何在微信小程序中结合ES6的类特性，进行数据处理并展示在视图界面上，强调了类在对象创建和继承中的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、效果展示

2、类操作简介

关键字： class
类的出现可以更加直观的将对象的创建和继承的代码显示在编程员前。

3、关键代码

index.wxml

index.js

var dat=[
  {provice:'北京',city:'朝阳市'},
  {provice:'上海',city:'虹口区'},
  {provice:'广东',city:'广州市'},
  {provice:'广东',city:'深圳市'},
];
class areaCls{
  //构造函数
  constructor(provice,city){
    this.provice=provice;
    this.city=city;
  }
  //实例方法
  showAreaInfo(){
    return '省（市）：'+this.provice+',市（区）'+this.city+'。'
  }
}
var areas=[]
for(var i=0,len=dat.length;i

 
 
   4、源代码获取方式 
  
 
   百度云链接：http://pan.baidu.com/s/1o81yoxO