原生微信小程序计算属性 wxs

超级小的大杯柠檬水

发布于 2023-06-20 15:19:42

4270

发布于 2023-06-20 15:19:42

文章被收录于专栏：CYCY

原生微信小程序计算属性 wxs

WXS官方文档

WXS 不依赖于运行时的基础库版本，可以在所有版本的小程序中运行。 WXS 与 JavaScript 是不同的语言，有自己的语法，并不和 JavaScript 一致。 WXS 的运行环境和其他 JavaScript 代码是隔离的，WXS 中不能调用其他 JavaScript 文件中定义的函数，也不能调用小程序提供的API。由于运行环境的差异，在 iOS 设备上小程序内的 WXS 会比 JavaScript 代码快 2 ~ 20 倍。在 android 设备上二者运行效率无差异。

购物车示例

创建名字.wxs的文件在任意目录

wxs

// count.wxs
/**
 * 获取商品总价
 * @param arr 
 */
module.exports.getAllPrice = function(arr){
    return arr.reduce(function(a,b){
        return a+(b.price*b.num)
    },0)
};
/**
 * 获取商品数量
 * @param arr 
 */
module.exports.getAllNum = function(arr){
    return arr.reduce(function(a,b){
        return a+b.num
    },0)
};

使用

<!--pages/food/foodlist/foodlist.wxml-->
<wxs src="/utils/wxs/count.wxs" module="count" />
<view>
<text class="price">￥{{ count.getAllPrice(carList) }}</text>
<text class="num">{{ count.getAllNum(carList) }}</text>
</view>

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2023-06-18，如有侵权请联系 cloudcommunity@tencent.com 删除

小程序