小程序的生命周期和WXS脚本

一、生命周期

---

1. 什么是生命周期

2. 生命周期的分类

3. 什么是生命周期函数

4. 生命周期函数的分类

5. 应用的生命周期函数

• 小程序的应用生命周期函数需要在app.js中进行声明，示例代码如下：
  

6. 页面的生命周期函数

• 小程序的页面生命周期函数需要在页面的 .js 文件中进行声明，示例代码如下：
  

二、WXS 脚本

---

1. 什么是 wxs

• WXS（WeiXin Script）是小程序独有的一套脚本语言，结合 WXML，可以构建出页面的结构。

2. wxs 的应用场景

• wxml 中无法调用在页面的 .js 中定义的函数，但是，wxml 中可以调用 wxs 中定义的函数
• 小程序中 wxs 的典型应用场景就是“过滤器”。

3. wxs 和 JavaScript 的关系*

三、WXS的基础语法

---

1. 内嵌 wxs 脚本

• wxs 代码可以编写在 wxml 文件中的 <wxs>标签内，就像 Javascript 代码可以编写在 html 文件中的 <script> 标签内一样。
• wxml 文件中的每个<wxs></wxs> 标签，必须提供 module 属性，用来指定当前 wxs 的模块名称，方便在 wxml 中访问模块中的成员：
  

2. 定义外联的 wxs 脚本

• wxs 代码还可以编写在以 .wxs 为后缀名的文件内，就像 javascript 代码可以编写在以 .js 为后缀名的文件中一样。示例代码如下：
  

3. 使用外联的 wxs 脚本

• 在 wxml 中引入外联的 wxs 脚本时，必须为 <wxs> 标签添加module和src属性，其中：
  • module 用来指定模块的名称
  • src 用来指定要引入的脚本的路径，且必须是相对路径
• 示例代码如下：
  

四、WXS 的特点

---

1. 与 JavaScript 不同

• 为了降低 wxs（WeiXin Script）的学习成本， wxs 语言在设计时借大量鉴了 JavaScript 的语法。但是本质上，wxs 和 JavaScript 是完全不同的两种语言！

2. 不能作为组件的事件回调

• wxs 典型的应用场景就是“过滤器”，经常配合 Mustache 语法进行使用，例如：
  
• 但是，在 wxs 中定义的函数不能作为组件的事件回调函数。例如，下面的用法是错误的：
  

3. 隔离性

• 隔离性指的是 wxs 的运行环境和其他 JavaScript 代码是隔离的。体现在如下两方面：
  1. wxs 不能调用 js 中定义的函数
  2. wxs 不能调用小程序提供的 API

4. 性能好

• 在iOS设备上，小程序内的WXS会比 JavaScript 代码快 2 ~ 20 倍
• 在android设备上，二者的运行效率无差异