Requirejs高级应用(三):全局变量

本文介绍了Requirejs如何利用其全局模块特性创建并共享全局变量。通过示例代码说明了requirejs引入的模块只执行一次的特性,以及在调试过程中可能遇到的浏览器缓存问题和断点丢失的挑战。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

      因为requirejs的全局模块特性,即模块载入后,在同一个页面应用中,模块对应的JS文件只会解释执行一次,所以我们可以将某一个require模块用作全局变量,用于所有的require模块共享。

代码如下:

//  User.js文件只会被加载一次,也只会被解释执行一次
var yiifaa = {
    username : 'yiifaa',
    age       : 20
};
yiifaa.age ++;  //  年龄变为21,这行代码也只会执行一次
define([], function() {
    return yiifaa;
});

      需要反复强调的是,requirejs引入的模块只会执行一次,无论是define函数之内的代码,还是define函数之外的代码。

引用测试的代码如下所示:

//  避免浏览器缓存,但也只会发送一次JS请求
require.config({
        urlArgs: "r=" + (new Date()).getTime()
});
//  模块引入,对其进行设值
require(['User'], function(yiifaa) {
    yiifaa.username = 'yiifee';
    yiifaa.age = 35;
});

setTimeout(function() {
    //  再次请求数据
    require(['User'], function(yiifaa) {
        //  输出yiifee:35
        alert(yiifaa.username + ":" + yiifaa.age)
    });
}, 5000);

      需要特别指出的是,避免浏览器缓存可能会产生一个开发与调试的副作用,页面的调试断点难以保留(浏览器刷新后,断点消失)。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值