运用data.js作为一致的数据存储中间

2024年4月20日 150次阅读 来源: binnng

场景

日常平凡在js中存储数据的场景照样许多的，比方：

var data;

$.get("http://demo.com/api", {}, function(res) {
    data = res;
    // ...
});

这时候ajax猎取的数据被缓存到data中，这类场景及其广泛。假定倏忽这个被改成一个函数：

function getData(params) {
    var data;
    $.get("http://demo.com/api", params, function(res) {
        data = res;
        // ...
    });
}

这时候想在表面猎取data，就得修正本来的代码，一种体式格局就是把return data，另一种是把data定义到函数表面。

这时候，这个js要被改成模块：

define("getData", function(require, module, exports) {

    var data;
    function getData(params) {
        $.get("http://demo.com/api", params, function(res) {
            data = res;
            // ...
        });
    }

    module.exports = getData;

});

这时候悲催了，想在别的模块运用data，又得继承修正代码，跟着项目增大，代码越改越乱。

data.js

这类状况，就能够运用data.js作为数据的一致存储中间：

define("getData", function(require, module, exports) {

    var Data = require("data.js");

    function getData(params) {
        $.get("http://demo.com/api", params, function(res) {
            Data.set("apiData", res);
            // ...
        });
    }

    module.exports = getData;

});

在另一个模块就能够这么猎取数据：

var Data = require("data.js");
var apiData = Data.get("apiData");

数据存储自力存在于函数模块，运用起来异常轻易。

项目

Github地点：data.js

项目代码异常异常简朴，然则思绪很主要哈~

    原文作者：binnng
    原文地址: https://segmentfault.com/a/1190000003089318
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞