微信小程序入门之二WXS

来源:互联网 发布:汉族不平等知乎 编辑:程序博客网 时间:2024/05/21 19:12

WXS    小程序脚本语言,可以构建出页面结构
该功能2017.08.30版本开始引入

注意事项:
  1. wxs 不依赖于运行时的基础库版本,可以在所有版本的小程序中运行。
  2. wxs 与 javascript 是不同的语言,有自己的语法,并不和 javascript 一致。
  3. wxs 的运行环境和其他 javascript 代码是隔离的,wxs 中不能调用其他 javascript 文件中定义的函数,也不能调用小程序提供的API。
  4. wxs 函数不能作为组件的事件回调。
  5. 由于运行环境的差异,在 iOS 设备上小程序内的 wxs 会比 javascript 代码快2~20 倍。在 android 设备上二者运行效率无差异。

WXS模块

     代码可以写在wxml文件中的<wxs>标签内,或以.wxs为后缀名的文件内
     每个wxs模块内均有一个内置module对象,通过exports属性可以对外共享本模块的私有变量与函数

require函数

在.wxs模块中引用其他wxs文件模块,可以使用require函数
注意事项:
  • 只能引用 .wxs 文件模块,且必须使用相对路径。
  • wxs 模块均为单例,wxs 模块在第一次被引用时,会自动初始化为单例对象。多个页面、多个地方、多次引用,使用的都是同一个 wxs 模块对象。
  • 如果一个 wxs 模块在定义之后,一直没有被引用,则该模块不会被解析与运行。

注意:
  • <wxs> 模块只能在定义模块的 WXML 文件中被访问到。使用 <include> 或 <import>时,<wxs> 模块不会被引入到对应的 WXML 文件中。
  • <template> 标签中,只能使用定义该 <template> 的 WXML 文件中定义的 <wxs> 模块。

变量

  • WXS 中的变量均为值的引用。
  • 没有声明的变量直接赋值使用,会被定义为全局变量。
  • 如果只声明变量而不赋值,则默认值为 undefined
  • var表现与javascript一致,会有变量提升。
变量命名规则:
  • 首字符必须是:字母(a-zA-Z),下划线(_)
  • 剩余字符可以是:字母(a-zA-Z),下划线(_), 数字(0-9)
保留标识符:
delete
void
typeof

null
undefined
NaN
Infinity
var

if
else

true
false

require

this
function
arguments
return

for
while
do
break
continue
switch
case
default

注释:单行注释、多行注释、结尾注释/*
原创粉丝点击