注意（來自官方文檔）

1. wxs 不依賴于運(yùn)行時(shí)的基礎(chǔ)庫版本，可以在所有版本的小程序中運(yùn)行。
2. wxs 與 javascript 是不同的語言，有自己的語法，并不和 javascript 一致。
3. wxs 的運(yùn)行環(huán)境和其他 javascript 代碼是隔離的，wxs 中不能調(diào)用其他 javascript 文件中定義的函數(shù)，也不能調(diào)用小程序提供的API。
4. wxs 函數(shù)不能作為組件的事件回調(diào)。
5. 由于運(yùn)行環(huán)境的差異，在 iOS 設(shè)備上小程序內(nèi)的 wxs 會比 javascript 代碼快 2 ~ 20 倍。在 android 設(shè)備上二者運(yùn)行效率無差異。

舉個(gè)例子，在wxs出來之前，如果我們要連接一個(gè)數(shù)組的內(nèi)容并顯示在wxml中，我們需要通過循環(huán)連接數(shù)組的每一項(xiàng)：

.wxml

<view>
    <block wx:for="{{names}}" wx:key="item">
        {{item}}
    </block>
</view>

.js

Page({
    data: {
        names:[
            'Tom',
            'Peter',
            'Gray',
            'Lisa'
        ]
    },
})

或者先在js中連接好，放在data中，再顯示在wxml中： 
.wxml

<view>
    {{content}}
</view>

.js

Page({
    data: {
        content:"",
        names:[
            'Tom',
            'Peter',
            'Gray',
            'Lisa'
        ]
    },
    onLoad(options){
        let content = this.data.names.join(" ")
        this.setData({
            content
        })
    }
})

有了wxs后，我們可以直接在wxml完成：

.wxml

<wxs module="util">
    var joinArray = function (array) {
        return array.join(' ')
    }
    module.exports = {
        joinArray: joinArray
    }
</wxs>
<view>
    {{util.joinArray(names)}}
</view>

或者將工具函數(shù)保存為單獨(dú)的文件，通過引入來使用： 
/src/wxs/common.wxs

var joinArray = function (array) {
    return array.join(' ')
}
module.exports = {
    joinArray: joinArray
}

/pages/index/index.wxml

<wxs src="../../src/wxs/common.wxs" module="util" />
<view>
    {{util.joinArray(names)}}
</view>

引入的時(shí)候，wxs標(biāo)簽src填寫相對路徑（絕對路徑無效），module指定名字。

我們也可以將頁面中的一些常量放在wxs中:

var MAX_COUNT = 19
module.exports = {
    MAX_COUNT: MAX_COUNT
}

總結(jié)：

• WXS增強(qiáng)了wxml的功能，相當(dāng)于頁面中的腳本語言，我們可以將比如檢查手機(jī)格式的函數(shù)放在wxs中來使用（根據(jù)是否正確來改變相應(yīng)的樣式），而不用跑到在js中去檢查。

需要注意的地方：

• wxs目前似乎并不支持ES6（至少let不能使用）
• wxs文件不能被js文件引用。wxs文件能引用wxs文件。

參考：
微信小程序WXS官方文檔