wxs笔记

wxs笔记wxsWXS WeiXinScript 是小程序的一套脚本语言 结合 WXML 可以构建出页面的结构 注意 wxs 不依赖于运行时的基础库版本 可以在所有版本的小程序中运行 wxs 与 javascript 是不同的语言 有自己的语法 并不和 javascript 一致 wxs 的运行环境和其他 javascript 代码是隔离的 wxs 中不能调用其他 javascript 文

wxs

WXS(WeiXin Script)是小程序的一套脚本语言,结合 WXML,可以构建出页面的结构。

注意

  1. wxs 不依赖于运行时的基础库版本,可以在所有版本的小程序中运行。
  2. wxs 与 javascript 是不同的语言,有自己的语法,并不和 javascript 一致。
  3. wxs 的运行环境和其他 javascript 代码是隔离的,wxs 中不能调用其他 javascript文件中定义的函数,也不能调用小程序提供的API。
  4. wxs 函数不能作为组件的事件回调。
  5. 由于运行环境的差异,在 iOS 设备上小程序内的 wxs 会比 javascript 代码快 2 ~ 20 倍。在 android 设备上二者运行效率无差异。
// page.js Page({ data: { array: [1, 2, 3, 4, 5, 1, 2, 3, 4] } })  
      
     <wxs module="m1"> var getMax = function(array) { var max = undefined; for (var i = 0; i < array.length; ++i) { max = max === undefined ? array[i] : (max >= array[i] ? max : array[i]); } return max; } module.exports.getMax = getMax;  
    wxs>  
    <view> { 
   { 
   m1.getMax(array)}}  
    view> 页面输出:5

外部引用:在微信开发者工具里面,右键可以直接创建 .wxs 文件,在其中直接编写 WXS 脚本。

示例代码: // /pages/tools.wxs var foo = "'hello world' from tools.wxs"; var bar = function (d) { return d; } module.exports = { FOO: foo, bar: bar, }; module.exports.msg = "some msg";  
     <wxs src="./../tools.wxs" module="tools" /> <view> { 
   { 
   tools.msg}}  
    view> <view> { 
   { 
   tools.bar(tools.FOO)}}  
    view> 页面输出: some msg 'hello world' from tools.wxs

引用的时候,要注意如下几点:

module 属性是当前 标签的模块名。在单个 wxml 文件内,建议其值唯一。有重复模块名则按照先后顺序覆盖(后者覆盖前者)。不同文件之间的 wxs 模块名不会相互覆盖。

module 属性值的命名必须符合下面两个规则:

注意

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

保留字符

delete void typeof null undefined NaN Infinity var if else true false require this function arguments return for while do break continue switch case default

基础类库

地址 https://developers.weixin..com/miniprogram/dev/framework/view/wxs/07basiclibrary.html

只支持Math、date、json、

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/217905.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月18日 上午8:30
下一篇 2026年3月18日 上午8:30


相关推荐

  • phpstorm激活码2021.3月最新在线激活

    第1章 Django入门到进阶-更适合Python小白的系统课程课程简介和开发环境配置~第2章 Django中的路由与视图本章主要讲解Django中视图和路由器的创建,并深入讲解路由器中地址的参数定义phpstorm激活码20213月最新在线激活,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月13日
    43
  • 如何在Ubuntu终端下查看tensorflow版本

    如何在Ubuntu终端下查看tensorflow版本在Ubuntu终端下查看tensorflow版本,网上比较流行的方法是,在终端输入Pythonimporttensorflowastftf._version_但是显示没有tensorflow模块原因是没有激活tensorflow模块,这样就可以啦我的tensorflow安装路径是home/tensorflow,大家记得改为自己的安装路径

    2022年6月25日
    32
  • JavaScript工作原理(八):Service Workers,生命周期和应用案例

    JavaScript工作原理(八):Service Workers,生命周期和应用案例

    2021年5月27日
    122
  • C++路标设置「建议收藏」

    C++路标设置「建议收藏」B市和T市之间有一条长长的高速公路,这条公路的某些地方设有路标,但是大家都感觉路标设得太少了,相邻两个路标之间往往隔着相当长的一段距离。为了便于研究这个问题,我们把公路上相邻路标的最大距离定义为该公路的“空旷指数”。现在政府决定在公路上增设一些路标,使得公路的“空旷指数”最小。他们请求你设计一个程序计算能达到的最小值是多少。请注意,公路的起点和终点保证已设有路标,公路的长度为整数,并且原有路标和新设路标都必须距起点整数个单位距离。输入格式:第1行包括三个数l(0<l≤1000,000,00

    2022年8月12日
    10
  • MATLAB Cholesky分解

    MATLAB Cholesky分解Cholesky m 文件 function L X Cholesky A b 先分解 n size A 1 L zeros n L 1 1 n A 1 1 n L 2 n 2 n A 2 n 2 n fori 1 1 nL i i sqrt L i i u zeros 1 n i forj i 1 1 nL i j L i j L i i u 1 j i L i j end

    2026年3月16日
    2
  • vue双向绑定经典案例「建议收藏」

    vue双向绑定经典案例「建议收藏」1、无需废话,直接上代码复制到新建的记事本文件,保存问demo.html即可。<scriptsrc=”https://cdn.staticfile.org/vue/2.2.2/vue.min.js”></script><!DOCTYPEhtml><html><head><metacharset=”utf-8″><title>欢迎系统</title></head>

    2025年11月17日
    8

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号