【WXS】简要介绍说明

前端之家收集整理的这篇文章主要介绍了【WXS】简要介绍说明前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

WXS(WeiXin Script)是小程序的一套脚本语言。

WXS有二种写法:

1) 以<wxs>标签书写脚本:

语法:

<wxs module="[String]">
  // 脚本代码
  // 采用 module.exports. 将函数属性对外公开
</wxs>

示例:

 1 <wxs module="sample">
 2   var test = function(n){
 3      return n*10;
 4   }
 5  
 6   module.exports.test = test; //函数test对外公开调用
 7 </wxs>
 8 
 9 <!-- 调用模块: smaple的函数test -->
10 <view>{{sample.test(2)}}</view>

 

2)以独立的wxs文件书写脚本:

     文件必须以.wxs为扩展名,比如文件: 1.wxs

1   var test = function(n){
2       return n*10;
3    }
4  
5    module.exports.test = test; //函数test对外公开调用

调用页面 index.wxml

<wxs module="sample" src="../../utils/wxs/1.wxs"/>
<view>{{sample.test(2)}}</view>

 

WXS注意事项:

1、wxs 不依赖于运行时的基础库版本,可以在所有版本的小程序中运行。

2、wxs 与 javascript 是不同的语言,有自己的语法,并不和 javascript 一致。

3、wxs 的运行环境和其他 javascript 代码是隔离的,wxs 中不能调用其他 javascript 文件中定义的函数,也不能调用小程序提供的API。

4、wxs 函数不能作为组件的事件回调。由于运行环境的差异,在 iOS 设备上小程序内的 wxs 会比 javascript 代码快 2 ~ 20 倍。在 android 设备上二者运行效率无差异。

5、WXS中可以调用其它WXS文件,并且只能调用WXS文件,采用 require 函数,引入的文件必须使用相对路径。

6、<wxs> 模块只能在定义模块的 WXML 文件中被访问到。使用 <include> 或 <import> 时,<wxs> 模块不会被引入到对应的 WXML 文件中。

7、<template> 标签中,只能使用定义该 <template> 的 WXML 文件中定义的 <wxs> 模块。

猜你在找的XML相关文章