小程序中的JS

JavaScript017

小程序中的JS,第1张

1、小程序不是运行在浏览器中,所以没有DOM和BOM对象

2、小程序的JS有一些额外的成员

App方法 用于定义应用程序实例对象

Page方法 用于定义页面对象

getApp方法 用于获取全局应用程序对象

getCurrentPages方法 用来获取当前页面的调用栈(数组 最后一个就是当前页

wx对象 用来提供核心api的 官方链接: https://developers.weixin.qq.com/miniprogram/dev/api/

3、小程序JS是支持CommonJS规范的

eg:

./utils/foo.js文件

function say(msg){

    console.log("hello"+msg)

}

module.exports = {

    say:say

}

app.js文件

const foo = require("./utils/foo.js")

foo.say("hi")

微信小程序 获取javascript 里的数据

wxml如何获取js里的数据

例:

wxml里:

<text id="twl">{{txt}}</text>

通过上面的{{txt}}可以对应获取js里data下定义的txt的值

js里:

data: { txt:{} }

首先在data里定义一个“容器”txt:{},{}内为空代表是从别的地方传值进去,当然{}里也可以直接写数据,如txt:{‘123'},上面的wxml获取了就相当于 <text id="twl">123</text>;通过其他方法传值到容器里用一个this.setData({})的方法,如:

onLoad: function (options) { var ta=options.kind this.setData({ txt:ta,}) },

这样上面data里定义的txt的值就是ta的值了。

Tips:小程序一定要用https