微信小程序_WXS小程序脚本语言

#WXS小程序脚本语言#

>简介：

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

        >它是把原来放在js文件里进行处理的逻辑，直接放在WXML页面文件里进行处理。

        >有两种使用方式

                >一种是将WXS脚本语言嵌入到WXML页面文件里，在WXML文件中的<wxs>标签内来处理相关逻辑。

        示例代码：

<!--wxml-->

<wxs module="ml">
    var msg="hello,小程序";
    module.exports.message=msg;
</wxs>

<view>{{ml.message}}</view>

                >另一种是以.wxs后缀结尾的文件独立存在，然后再引入到WXML页面文件里使用。

        示例代码：

//tools.wxs

var foo="'hello,小程序！' from tools.wxs;
var bar=function(d){
    return d;
}
module.exports={
    FOO:foo,
    bar:bar
};
module.exports.msg="some msg";


<!--index.wxml-->

<wxs src="tools.wxs" module="tools"/>
<view>{{tools.msg}}</view>
<view>{{tools.bar(tools.FOO)}}</view>

>模块化

       >WXS是以模块化的形式存在的，是一个单独的模块。

        >在一个模块里面定义的变量与函数，默认为私有，对其他模块不可见。

        >一个模块要想对外暴露其内部的私有变量与函数，只能通过module.exports实现。

        示例代码：

// comm.wxs

var foo="'hello world' from comm.wxs"
var bar=function(d){
    return d;
}
module.exports={
    foo:foo,
    bar:bar
};

>变量与数据类型

        >变量的使用

                >WXS中的变量均为值的引用。

                >若只声明变量而不赋值，则默认值为undefined

                        var foo=1;

                        var bar="hello world";

                        var i; //i===undefined

        >数据类型

                >WXS支持的数据类型有：

                        >number数值类型

                        >string字符串类型

                        >boolean布尔值类型

                        >object对象类型

                        >function函数类型

                        >array数组类型

                        >date日期类型

                        >regexp正则类型      

---

>注释

        >WXS注释有3种方式

                >单行注释

                        //var name="小程序";

                >多行注释

                        /*

                        var a=1;

                        varb=2;

                        */

                >结尾注释

                        /*

                        var a=1;

                        var b=2;

                        var c="小程序";

                        </wxs>

>语句         

        >WXS里面可以使用4种语句

                >if条件语句

var s=87;
if(s>=90){
    console.log("优");
}else if(s>=80){
    console.log("良");
}else if(s>=70){
    console.log("中");
}else if(s>=60){
    console.log("及格");
}else{
    console.log("差");
}

                >switch条件语句

var a=20;
switch(a){
    case "20":
        console.log("string20");
        break;
    case 20:
        console.log("number 20");
        break;
    case a:
        console.log("var a");
        break;
    default:
        console.log("default");
}

                >for循环语句

                        >支持使用break、continue关键字

for(var i=0;i<10;i++){
    if(i==1){//不打印输出1
        continue; //退出本轮循环,循环未结束，开始下一轮循环
    }else{
        console.log(i);
    }
}

                >while循环语句     

                        >当型

                                while(表达式){循环体};

                        >直到型

                                do{循环体}while(表达式)

---

#学无止境#