025 ∞ WXS简介
本帖最后由 不二如是 于 2018-5-31 11:30 编辑http://xxx.fishc.com/forum/201805/02/171248f4zdsipf6d4qjnjl.png
上一讲我们搞定了事件绑定-冒泡-捕获阶段，本次进入WXS部分。
WXS（WeiXin Script）是小程序的一套代码语言，结合 WXML，可以构建出页面的结构。
wxs 不依赖于运行时的基础库版本，可以在所有版本的小程序中运行。
wxs 与 javascript 是不同的语言，有自己的语法，并不和 javascript 一致。
wxs 的运行环境和其他 javascript 代码是隔离的，wxs 中不能调用其他 javascript 文件中定义的函数，也不能调用小程序提供的API。
wxs 函数不能作为组件的事件回调。
由于运行环境的差异，在 iOS 设备上小程序内的 wxs 会比 javascript 代码快 2 ~ 20 倍。
在 android 设备上二者运行效率无差异。
实操
页面渲染index.wxml：
<wxs module="m1">var msg = "hello FishC";
module.exports.message = msg;
</wxs>
<view> {{m1.message}} </view>
数据处理，重新修改index.wxml：
<!-- 下面的 getMax 函数，接受一个数组，且返回数组中最大的元素的值 -->
<wxs module="m1">
var getMax = function(array) {
var max = undefined;
for (var i = 0; i < array.length; ++i) {
max = max === undefined ?
array :
(max >= array ? max : array);
}
return max;
}
module.exports.getMax = getMax;
</wxs>
<!-- 调用 wxs 里面的 getMax 函数，参数为 page.js 里面的 array -->
<view> {{m1.getMax(array)}} </view>
index.js:
Page({
data: {
array:
}
})
课后作业
1、以下选项错误的是？
a.wxs 不依赖于运行时的基础库版本，可以在所有版本的小程序中运行。
b.wxs 与 javascript 是不同的语言，有自己的语法，并不和 javascript 一致。
c.wxs 的运行环境和其他 javascript 代码是隔离的，wxs 中不能调用其他 javascript 文件中定义的函数，也不能调用小程序提供的API。
d.wxs 函数可以作为组件的事件回调。
答案：
**** Hidden Message *****
如果有收获，别忘了评分{:10_281:} ：
http://xxx.fishc.com/forum/201709/19/094516hku92k2g4kefz8ms.gif
这位鱼油，如果喜欢小程序，请订阅 专辑☞（传送门）（不喜欢更要订阅{:10_297:} ）
http://xxx.fishc.com/forum/201803/21/151715umqz1qoywp11wjbq.gif d
页:
[1]