applet wxs

What is wxs

wxs (weixin script) is a set of scripting languages ​​unique to the applet. Combined with wxml, the structure of the page can be constructed

Application scenarios of wxs

The function defined in the .js of the page cannot be called in wxml, however, the function in wxs can be called in wxml.Therefore, the typical application scenario of wxs in applet is "filter"

The relationship between wxs and JavaScript

1. wxs has its own data type
   • number, string, Boolean, Object, function, array, date, regexp
2. wxs does not support syntax similar to ES6 and above
   • Not supported: let, const, destructuring assignment, spread operator, arrow function, object property shorthand, etc.
   • Support: var definition variable, common function function
3. wxs follows CommonJS specification
   • module object
   • require() function
   • module.exports object

Basic usage of wxs

1. Define an inline wxs script

wxs code can be written in tags in wxml files, just like JavaScript code can be written in html files

2. Define the wxs script for outreach

wxs code can also be written in files with a .wxs extension, just as JavaScript code can be written in files with a .js extension.Sample code:

// tools.wxs filefunction toLower(str){return str.toLowerCase();}module.exports = {toLower:toLower}

Use of outbound scripts

When introducing an external wxs script in wxml, you must add module and src attributes to the tag, where:

• module is used to specify the name of the module
• src is used to specify the path of the script to be imported, and must be a relative path

Sample code:

view>{{m2.toLower(country)}}</view><wxs src="../../utils/tools.wxs" module="m2"></wxs>