【WXS】简要介绍说明

WXS（WeiXin Script）是小程序的一套脚本语言。

WXS有二种写法：

1）以<wxs>标签书写脚本：

语法：

<wxs module="[String]">

  // 脚本代码

  // 采用 module.exports. 将函数、属性对外公开

</wxs>

示例：

 <wxs module="sample">

   var test = function(n){

      return n*10;

   }

   module.exports.test = test; // 将函数test对外公开调用

 </wxs>

 <!-- 调用模块: smaple的函数test -->

 <view>{{sample.test(2)}}</view>

2）以独立的wxs文件书写脚本：

文件必须以.wxs为扩展名，比如文件： 1.wxs

   var test = function(n){

       return n*10;

    }

    module.exports.test = test; // 将函数test对外公开调用

调用页面 index.wxml

<wxs module="sample" src="../../utils/wxs/1.wxs"/>

<view>{{sample.test(2)}}</view>

WXS标签属性说明：

属性	是否必须	类型	默认值	说明
module	是	String		指明该脚本模块的名称（调用相关接口时需要）
src	否	Path		引入WXS脚本文件的相对路径

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> 模块。

巴特西

【WXS】简要介绍说明

最新文章

热门文章