【微信小程序】WXS脚本

WXS：微信小程序中的高效脚本语言实践

最新推荐文章于 2025-09-22 16:15:34 发布

原创最新推荐文章于 2025-09-22 16:15:34 发布 · 371 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

本文详细介绍了WXS（WeiXin Script）在微信小程序中的应用，强调了其作为过滤器功能的典型场景和性能优势。WXS提供了一种隔离的环境，无法直接调用JS或小程序API，但能提升在iOS上的运行效率。通过内联和外联的方式展示了WXS如何在WXML中使用，用于字符串转换操作。示例代码展示了如何在小程序页面中使用WXS进行大小写转换，为开发者提供了实践指导。

WXS脚本

特点

典型的应用场景就是过滤器
隔离性
- wxs不能调用js中定义的函数
- wxs不能调用小程序的API函数
性能较好在IOS上会比js快安卓上运行效率无差异

// xxx.wxml
<view>
   <text>内嵌WXS脚本</text>
    <view>
        {{one.toLower(inner)}}
    </view>
</view>

<wxs module="one">
        // 将字符串转换为小写
        module.exports.toLower = function(str){
            return str.toLowerCase()
        }
</wxs>

// xxx.js
Page({
	 data: {
        inner:"neiqian"
    },
})

外联

// xxx.wxml
<view>
    <text>内嵌WXS脚本</text>
    <view>
        {{two.toUpper(outer)}}
    </view>
</view>
// 引入 并设置module
<wxs src="../../utils/toUpperCase.wxs" module="two"></wxs>

// xxx.js
Page({
	data: {
        outer:"wailian"
    },
})