小程序页面初始化函数 onLoad详解
这段代码是小程序中的一个页面的初始化函数,当该页面被打开时会调用该函数。其中,'options' 为页面跳转时传递的参数。
函数中首先获取当前时间并将其格式化为字符串,然后将该字符串、用户信息(从参数中解析得到)以及用户头像URL(从用户信息中获取)保存在页面的 'data' 中。
函数中还定义了一个 'formatDate' 函数,用于将小于 10 的数字前面加上 0,以保证时间格式的一致性。
代码示例:
onLoad: function (options) {
// 页面初始化 options为页面跳转所带来的参数
let date = new Date();
this.setData({
date: date.getFullYear() + '-' + formatDate((date.getMonth() + 1)) + '-' + formatDate(date.getDay()),
userInfo: JSON.parse(options.userInfo),
avatarUrl: JSON.parse(options.userInfo).avatarUrl
});
function formatDate(n) {
return n < 10 ? '0' + n : n;
}
},
代码解释:
onLoad函数:这是小程序页面生命周期中的第一个函数,当页面加载时会自动调用该函数。options参数:该参数包含页面跳转时传递的参数,例如从其他页面传递过来的用户信息等。- 获取当前时间:使用
new Date()获取当前时间对象,并使用getFullYear(),getMonth(),getDay()方法获取年、月、日。 - 格式化时间:使用
formatDate函数将小于 10 的日期数字前面添加 '0',确保时间格式的统一性。 setData函数:将获取到的时间、用户信息和头像URL更新到页面的 'data' 中,用于渲染页面内容。JSON.parse函数:用于解析从 'options' 参数中获取的用户信息字符串,将其转换为 JSON 对象。
注意:
options参数是可选的,如果页面跳转时没有传递参数,则 'options' 为空对象。JSON.parse函数可以将 JSON 字符串转换为 JSON 对象,反之可以使用JSON.stringify函数将 JSON 对象转换为 JSON 字符串。- 页面初始化函数
onLoad是小程序页面生命周期中的一个重要函数,可以用来进行一些必要的初始化操作,例如获取数据、设置页面样式等。
原文地址: https://www.cveoy.top/t/topic/n1qL 著作权归作者所有。请勿转载和采集!