微信小程序基础开发语法

本章将介绍使用轻舟开发微信小程序的相关语法;小程序基于解释型执行的 JS 脚本语言、框架采用微信官方原生框架、以下为详细语法说明:

  • 变量

  • 数组

  • 对象

  • 函数

  • 模块

  • 动态创建

变量

小程序的变量声明相对于安卓与视窗来说、因为无需指定变量数据类型、因此在声明时相对较简单、以下为定义格式:

变量 标识符 
变量 标识符 = 初始值
变量 标识符1,标识符2 = 初始值

示例代码:

变量 时钟ID
变量 a,b,c
变量 x = 0
变量 x,y = 0

数组

小程序的数组声明与变量类似、只是在设置默认值时、需要使用“[]”中括号包裹值;如果没有任何值、则表示为一个空数组、格式为:

变量 变量名 = [ 初始值 ]
变量 变量名 = []

示例代码:

变量 a = [ "vcn","studio" ]  '定义一个含有文本初始值的数组
变量 b = [ 1,2,3 ]  '定义一个含有整数数据初始值的数组
变量 c = []  '定义一个没有任何数据的空数组

注意:数组下标从0开始

对象

定义对象与定义数组类似、只是默认值换成了 “{ }”花括号、使用花括号即可定义一个对象实例、与JSON中的对象基本一致。以下为代码演示:

' 定义一个用户对象
变量 用户1 = { 名称: "vcnstudio",年龄:12,班级:10}
' 获取或输出字段值
调试输出("用户1的名称为:" + 用户1.名称)

函数

定义函数时、需要使用“函数”关键字;由于小程序基于JS语言、因此在定义函数及其参数时、无需设置数据类型、定义格式为:

' 无返回值函数
函数 函数名称(参数1,参数2)

结束 函数

'有返回值函数
函数 函数名称(参数1,参数2)
    返回 ....
结束 函数

代码示例:

' 无返回值函数
函数 函数名称(参数1,参数2)

结束 函数

'有返回值函数
函数 函数名称(参数1,参数2)
    返回 参数1 + 参数2
结束 函数

模块

模块中只能包含静态变量、以及静态函数、例如:

静态 变量 全局变量URL = "http://www.vcnstudio.com"

静态 函数 全局公用函数(参数一,参数二)
    返回 参数一 + 参数二
结束 函数

动态创建

在微信小程序中不能使用代码动态创建组件对象、然后添加到窗口或页面中、所有组件都只能预先添加到页面后才能使用。