第7章 WXS语法教学课件微信小程序开发与实战.pptx

第7章 WXS语法教学课件微信小程序开发与实战第第7章章 WXS语法法WXS介绍WXS数据类型WXS语法基础WXS基础类库01020403WXS介介绍WXS介绍在微信小程序中，除了逻辑层使用的JavaScript脚本语言之外，微信小程序还有一套自己的脚本语言WXS（全称 WeiXin Script）。在实际项目开发中，WXS通常被用来做页面数据的过滤或者是使用WXS进行数据的计算处理，然后结合WXML组件，可以构建小程序的页面结构。WXS语法基法基础WXS语法基础XS模块可以通过WXML文件中的标签进行声明，或者是在WXML文件内引入.wxs后缀名的文件。每一个.wxs后缀名的文件和标签都是一个单独的模块，而且每个模块都有自己独立的作用域，开发者在模块中声明的变量和函数都是私有的，其他模块对该模块内的变量和函数是不可见的。如果要想把一个模块中的私有变量和私有函数对外暴露，需要使用module.exports语句实现。WXS语法基础模块化命名规范：模块名称只能由大小写字母、数字、下划线组成；模块名的首字符必须为大小写字母或下划线，不能为数字。WXS语法基础模块化示例代码：/index.wxml var str=hello world;module.exports=msg:str data模块的值：data.msg WXS语法基础变量命名规范：变量名只能由大小写英文字母、数字、下划线组成；首字符必须是大小写英文字母或下划线，不能为数字；变量名不能使用WXS脚本保留的关键字。WXS语法基础WXS声明变量示例代码：/index.wxml var str=hello world;module.exports=msg:str data模块的值：data.msg WXS语法基础运算符：基本运算符一元运算符位运算符比较运算符等值运算符赋值运算符二元逻辑运算符WXS语法基础语句：if判断语句switch分支语句for循环语句while循环语句WXS语法基础if语句的示例代码：if(表达式)/代码块 else if(表达式)/代码块 else /代码块WXS语法基础switch语句的示例代码：switch(表达式)case 变量:语句;case 数字:语句;break;case 字符串:语句;default:语句;WXS语法基础for循环语句的示例代码：for(var i=0;i=1)break;WXS数据数据类型型WXS数据类型基本数据类型：number 数值类型string 字符串类型boolean 布尔类型WXS数据类型引用数据类型：object 对象类型function 函数array 数组date 日期regexp 正则表达式WXS基基础类库WXS基础类库WXS脚本语言的基础类库与JavaScript语言的ES5标准是基本是一样的，区别在于WXS中的console基础类库只提供了console.log()函数。WXS基础类库包括：consoleMathJSONNumberDateGlobal