wxs小程序脚本语言

介绍

 WXS（WeiXin Script)是小程序的一套脚本语言，结合WXML页面文件，可以构建出页面的结构，它是把原来放在js文件里进行处理的逻辑，可以直接放在WXML页面文件里直接进行处理。

两种使用方法：一种是WXS脚本语言嵌入到WXML页面文件里，在WXML文件中<wxs>标签内用来处理相关逻辑；另一种是以.wxs后缀结尾的文件独立存在，然后再引入到WXML页面文件里使用。

使用方法①

index.wxml

<wxs module="m1">//定义模块 在模块里面定义变量值
    var msg = "hello world";
    module.export.message = msg;//输出来
</wxs>//就像写js业务逻辑处理一样 把他放在页面上来写了
<view>
    {{m1.message}}
</view>

 使用方法②

新建标签.wxs

 var msg = "hello world";
 module.export.message = msg;

index.wxml

<wxs src="tools.wxs" module="m1"/>//引入 定义模块
<view>
{{m1.message}}
</view>

模块化

微信小程序脚本语言都是以模块化形式存在的，在模块化里面定义的私有变量，函数等只能供它自己访问，如果想让外部访问它的私有变量或者函数只能通过export进行输出，然后外部才可以进行访问。

以上例子里也是一样，通过export进行输出，才能外部访问。

在微信小程序的脚本语言里，同样可以引用其他的小程序脚本语言，不能引用其他的文件，并且它是以相对的路径存在的。在脚本语言里引入脚本语言只能通过require的形式，并且以先相对路径的形式才能访问

变量命名规则

首字符必须是字母（a~z A~Z) ，下划线(_)；

剩余字符可以是字母（a~z A~Z)，下划线(_)，数字（0~9）；

数据类型

number数值类型

number包括两种数值：整数、小数。

Boolean布尔值类型

布尔值只有两个特定的值：true false

object对象类型

var ={}//生成一个新的空对象
//生成一个新的非空对象
o={
 'string':1,//object的key可以是字符串
 const_var:2,//object的key也可以是符合变量定义规则的标识符
 func     :{},//object的value可以是任何类型
};
//对象属性的读操作
console.log(1===o['string']);
console.log(2===o.const_var);
//对象属性的写操作
o['string']++;
o['string']+=10;
o.const_var++;
o.const_var+=10;
//对象属性的读操作
console.log(12===o['string'];
console.log(13===o.const_var);

function函数类型

//方法一
function a(x){
    return x;
}
//方法二
var b = function(x){
    return x;
}
//function 同时也支持一下的语法（匿名函数，闭包等）；
 
var a = function(x){
    return function(){return x;}
}

array数组类型

var a=[];//生成一个新的空数组
a=[1,"2",{},function(){}];//生成一个新的非空数组，数组元素可以是任意类型

date日期类型

getDate()

getDate(miliseconds)

getDate(datastring)

getDate(year,month[,date[,hours[,minutes[,seconds[,milliseconds]]]]])

参数

milliseconds:从1970年1月1日00:00:00UTC开始计算的毫秒数

datestring:日期字符串，其格式为：“month day，year hours:minutes:seconds"

regexp正则类型

getRegExp(pattern[,flags])

参数：

pattern：正则表达式的内容

flags：修饰符。该字段只能包含以下字符：

g:global

i:ignoreCase

m：multiline.

//hrbust   DJ❤ 参考B站视频 忘记叫什么了 这是照着当时记得笔记整理的

//2021/7/14