wxs,小程序WXS语法-即速应用

wxs,小程序WXS语法

浏览量：651 时间：2019-12-09 来源：mChales_Liu

WXS（WeiXinScript）
目录
一、WXSWXS是一种与JavaScript不同的脚本语言。
小程序中不支持动态执行JS代码，即：
不支持使用eval执行JS代码不支持使用newFunction创建函数wxs模块的特性：每一个.wxs文件和wxs标签都是一个单独的模块；模块有自己独立的作用域，在一个模块里定义的变量与函数，默认为私有的，对其他模块不可见；每个wxs模块均有一个内置的module对象，通过module.exports对外共享其内部的私有变量与函数。WXS代码可以编写在wxml文件中的wxs标签内，或以.wxs为后缀名的文件内。
1、.wxs文件（1）、共享通过module.exports属性对外共享本模块的私有变量与函数。
案列：
///pages/tools.wxsvarfoo="'helloworld'fromtools.wxs";varbar=function(d){returnd;}module.exports={FOO:foo,bar:bar,};module.exports.msg="somemsg";（2）、引用在.wxs模块中引用其他wxs文件模块，可以使用require函数。
案列：
///pages/logic.wxsvartools=require("./tools.wxs");console.log(tools.FOO);console.log(tools.bar("logic.wxs"));console.log(tools.msg);!--/page/index/index.wxml--wxssrc="./../logic.wxs"module="logic"/控制台输出：
'helloworld'fromtools.wxslogic.wxssomemsg
2、wxs标签属性名类型默认值说明moduleString当前wxs标签的模块名。必填字段。srcString引用.wxs文件的相对路径。仅当本标签为单闭合标签或标签的内容为空时有效。案列：
///pages/index/index.jsPage({data:{msg:"'hellowrold'fromjs",}})!--/pages/index/index.wxml--wxssrc="./../comm.wxs"module="some_comms"/wxs!--也可以直接使用单标签闭合的写法wxssrc="./../comm.wxs"module="some_comms"/--!--调用some_comms模块里面的bar函数，且参数为some_comms模块里面的foo--view{{some_comms.bar(some_comms.foo)}}/view!--调用some_comms模块里面的bar函数，且参数为page/index/index.js里面的msg--view{{some_comms.bar(msg)}}/view页面输出：
'helloworld'fromcomm.wxs'hellowrold'fromjs
3、注意：wxs模块只能在定义模块的WXML文件中被访问到。使用include或import时，wxs模块不会被引入到对应的WXML文件中。template标签中，只能使用定义该template的WXML文件中定义的wxs模块。
二、WXS变量WXS变量的特性：
WXS中的变量均为值的引用；没有声明的变量可以直接赋值使用，但是会被定义为全局变量；如果只声明变量而不赋值，则默认值为undefined；var表现与javascript一致，会有变量提升。
三、WXS运算符详见我的另一篇转载：
四、WXS语句if语句switch语句for语句while语句已烂熟于心，不做赘述，不同请戳此链接：
五、WXS数据类型WXS数据类型，除了JavaScript的5大基本数据类型，还包括：
function：函数；date：日期；regexp：正则。拓展：JS的五大基本数据类型：数值、字符串、布尔、数组、对象。
具体用法请戳这里：
六、WXS基础类库1、console
2、Math
3、JSON
4、Number
5、Date
6、Global

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题，烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ，我们将及时处理。本站文章仅作分享交流用途，作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关，请知悉。