生命周期、wxs

1. 什么是生命周期

生命周期( Life Cycle )是指一个对象从创建 -> 运行 -> 销毁的整个阶段,强调的是一个时间段。例如:
 张三出生,表示这个人生命周期的开始
 张三离世,表示这个人生命周期的结束
 中间张三的一生,就是张三的生命周期
我们可以把每个小程序运行的过程,也概括为生命周期:
 小程序的启动,表示生命周期的开始
 小程序的关闭,表示生命周期的结束
 中间小程序运行的过程,就是小程序的生命周期

2. 生命周期的分类

在小程序中,生命周期分为两类,分别是:
① 应用生命周期  特指小程序从启动 -> 运行 -> 销毁的过程
② 页面生命周期  特指小程序中,每个页面的加载 -> 渲染 -> 销毁的过程
其中,页面的生命周期范围较小,应用程序的生命周期范围较大,
在这里插入图片描述

3. 什么是生命周期函数

生命周期函数:是由小程序框架提供的内置函数,会伴随着生命周期,自动按次序执行。
生命周期函数的作用:允许程序员在特定的时间点,执行某些特定的操作。例如,页面刚加载的时候,可以在 onLoad 生命周期函数中初始化页面的数据。
注意:生命周期强调的是时间段,生命周期函数强调的是时间点。

4. 生命周期函数的分类

小程序中的生命周期函数分为两类,分别是:
① 应用的生命周期函数  特指小程序从启动 -> 运行 -> 销毁期间依次调用的那些函数
② 页面的生命周期函数  特指小程序中,每个页面从加载 -> 渲染 -> 销毁期间依次调用的那些函数

5. 应用的生命周期函数

小程序的应用生命周期函数需要在 app.js 中进行声明
在这里插入图片描述

6. 页面的生命周期函数

小程序的页面生命周期函数需要在页面的 .js 文件中进行声明
在这里插入图片描述

7.什么是 wxs

WXS ( WeiXin Script )是小程序独有的一套脚本语言,结合 WXML ,可以构建出页面的结构。

8.wxs 的应用场景

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

9.wxs 和 JavaScript 的关系 *

虽然 wxs 的语法类似于 JavaScript ,但是 wxs 和 JavaScript 是完全不同的两种语言:
① wxs 有自己的数据类型
 number 数值类型、 string 字符串类型、 boolean 布尔类型、 object 对象类型、
 function 函数类型、 array 数组类型、 date 日期类型、 regexp 正则
② wxs 不支持类似于 ES6 及以上的语法形式
 不支持: let 、 const 、解构赋值、展开运算符、箭头函数、对象属性简写、 etc…
 支持: var 定义变量、普通 function 函数等类似于 ES5 的语法
③ wxs 遵循 CommonJS 规范
 module 对象
 require() 函数
 module.exports 对象

10.基础语法

1. 内嵌 wxs 脚本

wxs 代码可以编写在 wxml 文件中的 标签内,就像 Javascript 代码可以编写在 html 文件中的

2. 定义外联的 wxs 脚本

wxs 代码还可以编写在以 .wxs 为后缀名的文件内,就像 javascript 代码可以编写在以 .js 为后缀名的文件中一样。示例代码如下:
在这里插入图片描述

3. 使用外联的 wxs 脚本

在 wxml 中引入外联的 wxs 脚本时,必须为 标签添加 module 和 src 属性,其中:
 module 用来指定模块的名称
 src 用来指定要引入的脚本的路径,且必须是相对路径
在这里插入图片描述

11.WXS 的特点

1. 与 JavaScript 不同

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

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

wxs 典型的应用场景就是“过滤器”,经常配合 Mustache 语法进行使用,例如:
在这里插入图片描述
但是,在 wxs 中定义的函数不能作为组件的事件回调函数。例如,下面的用法是错误的:
在这里插入图片描述

3. 隔离性

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

4. 性能好

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

  • 17
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值