学习一 export default中的方法 自动执行
在JavaScript模块系统中,export default允许你将一个模块导出为默认对象。当你使用import语句导入这样的模块时,你可以自定义导入的名称。如果你想要在导入时自动执行某些方法,你可以在模块中定义一个自执行的函数或者类。
例如,你有一个模块module.js:
// module.js
export default {
init() {
console.log('Module initialized');
}
};
// 自动执行init方法
(() => {
const module = require('./module');
module.init();
})();
在另一个文件中,你可以这样导入并使用它:
// main.js
import Module from './module';
Module.init(); // 这将自动执行
在module.js中,我们定义了一个自执行的函数,在其内部我们导入了module,并调用了init方法。这样,当module.js被导入或者执行时,init方法就会自动执行。在main.js中,你可以直接调用init方法,因为Module已经是默认导出,你可以用任何你喜欢的名称来导入它。
学习二 app.js中的主要函数
app.js中的主要函数包括onLaunch、onShow、onHide、onError,以及用于注册小程序或设置全局变量的App函数。**
- onLaunch:这是小程序初始化完成时触发的函数,全局只触发一次。它通常用于进行一些初始化的操作,比如获取用户信息、检查更新等。在app.js中,onLaunch函数可以作为程序的入口,用于启动程序。
- onShow:当小程序启动或从后台进入前台显示时触发。这个函数可以用来更新页面状态,比如根据用户当前的位置或者其他状态来调整页面的显示。
- onHide:当小程序从前台进入后台时触发。这个函数可以用来清理资源或者暂停一些正在进行的操作。
- onError:当小程序发生错误时触发。这个函数可以用来记录错误信息,帮助开发者诊断问题。
- App函数:用于注册一个小程序或设置全局变量。这个函数必须在app.js中调用,用来初始化小程序的一些全局设置和状态。
这些函数共同构成了app.js的核心功能,使得开发者能够有效地管理和控制小程序的整个生命周期,包括启动、显示、隐藏以及错误处理,同时也能通过App函数进行全局变量的设置和管理