这段代码是小程序中的一个页面的初始化函数,当该页面被打开时会调用该函数。其中,'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;
  }
},

代码解释:

  1. onLoad 函数:这是小程序页面生命周期中的第一个函数,当页面加载时会自动调用该函数。
  2. options 参数:该参数包含页面跳转时传递的参数,例如从其他页面传递过来的用户信息等。
  3. 获取当前时间:使用 new Date() 获取当前时间对象,并使用 getFullYear(), getMonth(), getDay() 方法获取年、月、日。
  4. 格式化时间:使用 formatDate 函数将小于 10 的日期数字前面添加 '0',确保时间格式的统一性。
  5. setData 函数:将获取到的时间、用户信息和头像URL更新到页面的 'data' 中,用于渲染页面内容。
  6. JSON.parse 函数:用于解析从 'options' 参数中获取的用户信息字符串,将其转换为 JSON 对象。

注意:

  • options 参数是可选的,如果页面跳转时没有传递参数,则 'options' 为空对象。
  • JSON.parse 函数可以将 JSON 字符串转换为 JSON 对象,反之可以使用 JSON.stringify 函数将 JSON 对象转换为 JSON 字符串。
  • 页面初始化函数 onLoad 是小程序页面生命周期中的一个重要函数,可以用来进行一些必要的初始化操作,例如获取数据、设置页面样式等。
小程序页面初始化函数 onLoad详解

原文地址: https://www.cveoy.top/t/topic/n1qL 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录