第7章 WXS语法-【千锋教育】微信小程序开发与实战（微课版）

第7章 WXS语法 WXS介绍 WXS数据类型 WXS语法基础 WXS基础类库 01 02 04 03 目 录 CATALOUGUE 初心至善 匠心育人 WXS介绍 初心至善 匠心育人 WXS介绍 在微信小程序中，除了逻辑层使用的JavaScript脚本语言之外，微信小程序还有一套自己的脚本语言WXS（全称 WeiXin Script）。在实际项目开发中，WXS通常被用来做页面数据的过滤或者是使用WXS进行数据的计算处理，然后结合WXML组件，可以构建小程序的页面结构。 初心至善 匠心育人 WXS语法基础 初心至善 匠心育人 WXS语法基础 XS模块可以通过WXML文件中的<wxs>标签进行声明，或者是在WXML文件内引入 .wxs 后缀名的文件。每一个 .wxs 后缀名的文件和<wxs>标签都是一个单独的模块，而且每个模块都有自己独立的作用域，开发者在模块中声明的变量和函数都是私有的，其他模块对该模块内的变量和函数是不可见的。如果要想把一个模块中的私有变量和私有函数对外暴露，需要使用 module.exports 语句实现。 初心至善 匠心育人 WXS语法基础 模块化命名规范： 模块名称只能由大小写字母、数字、下划线组成； 模块名的首字符必须为大小写字母或下划线，不能为数字。 初心至善 匠心育人 WXS语法基础 模块化示例代码： // index.wxml <wxs module="data"> var str = "hello world"; module.exports = { msg: str } </wxs> <view>data模块的值：{{ data.msg }}</view> 初心至善 匠心育人 WXS语法基础 变量命名规范： 变量名只能由大小写英文字母、数字、下划线组成； 首字符必须是大小写英文字母或下划线，不能为数字； 变量名不能使用WXS脚本保留的关键字。 初心至善 匠心育人 WXS语法基础 WXS声明变量示例代码： // index.wxml <wxs module="data"> var str = "hello world"; module.exports = { msg: str } </wxs> <view>data模块的值：{{ data.msg }}</view> 初心至善 匠心育人 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 < 3; ++i) { console.log(i); if( i >= 1) break; } 初心至善 匠心育人 WXS数据类型 初心至善 匠心育人 WXS数据类型 基本数据类型： number 数值类型 string 字符串类型 boolean 布尔类型 初心至善 匠心育人 WXS数据类型 引用数据类型： object 对象类型 function 函数 array 数组 date 日期 regexp 正则表达式 初心至善 匠心育人 WXS基础类库 初心至善 匠心育人 WXS基础类库 WXS脚本语言的基础类库与JavaScript语言的ES5标准是基本是一样的，区别在于WXS中的console基础类库只提供了console.log()函数。 WXS基础类库包括： console Math JSON Number Date Global 初心至善 匠心育人 THANK YOU FOR YOUR WATCHING $