【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> 模块。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |