微信小程序函数调用如何实现?

　　微信小程序函数调用如何实现?微信小程序开发过程中，相信大家最常见的就是要去调用函数，因为函数是小程序代码里的核心组成部分，那么微信小程序函数调用如何实现?下面随小编一起来看看吧。

　　微信小程序函数调用如何实现?

　　小编这里以小程序Page中data数据操作和函数调用为例，给大家介绍微信小程序函数调用如何实现。Page函数的功能就是注册一个小程序页面。接收object的参数，它控制着这个页面的初始数据、生命周期函数、事件处理函数等。

　　//index.js

　　Page({

　　data: {

　　text: "This is page data.",

　　sliderOffset: 0,

　　sliderLeft: 0,

　　state:{

　　genre:[],

　　genre_index: 0,

　　model:[],

　　model_index: 0,

　　terminalStatus:'',

　　}

　　},

　　onLoad: function(options) {

　　// Do some initialize when page load.

　　},

　　onReady: function() {

　　// Do something when page ready.

　　},

　　onShow: function() {

　　// Do something when page show.

　　},

　　onHide: function() {

　　// Do something when page hide.

　　},

　　onUnload: function() {

　　// Do something when page close.

　　},

　　onPullDownRefresh: function() {

　　// Do something when pull down.

　　},

　　onReachBottom: function() {

　　// Do something when page reach bottom.

　　},

　　// Event handler.

　　viewTap: function () {

　　var p = this.position

　　ball(p, 150)

　　function ball(x, y) {

　　console.log(x,y)

　　}

　　},

　　customData: {

　　hi: 'MINA'

　　}

　　})

　　1、设置data数据

　　setData函数的作用就是将数据从小程序逻辑层发送到视图层，而且还负责改变对应的this.data 的值。注意：

　　(1)、直接修改 this.data 无效，无法改变页面的状态，还会造成数据不一致。

　　(2)、单次设置的数据不能超过1024kB，请尽量避免一次设置过多的数据。

　　setData() 参数格式：接受一个对象，以 key，value 的形式表示将 this.data 中的 key 对应的值改变成 value。其中 key 可以非常灵活，以数据路径的形式给出，如 array[2].message，a.b.c.d，并且不需要在 this.data 中预先定义。

　　下面设置data中的text和genre_index的值

　　this.setData({

　　'state.genre_index':1,

　　text:'data value'

　　})

　　2、获取data数据

　　获取data中的text和genre_index值需要使用this

　　var gener_index=this.data.state.genre_index

　　var text=this.data.text

　　3、调用viewTap函数

　　在viewTap函数中调用内部的ball函数可以直接调用，如果需要在onReady函数中调用viewTap函数需要使用this。

　　onReady: function () {

　　this.drawBall()

　　},

　　微信小程序函数调用可以实现小程序很多功能，比如用户数据的改变导致后台数据的联动效应。用好了微信小程序的函数调用，其他方面应该都不是什么问题，毕竟小程序开发是一个比较简单的程序开发了。收藏微小乔网站就是收藏更多小程序知识哦。

相关推荐：

小程序工具函数用法详解

微信小程序全局函数怎样开发和使用？

微信小程序自定义函数开发实例