首页 > 其他 > 详细

Promise实现简易AMD加载器

时间:2014-01-23 16:40:52      阅读:327      评论:0      收藏:0      [点我收藏+]

在最新的Chrome和FF中已经 实现了Promise。有了Promise我们用数行代码即可实现一个简易AMD模式的加载器

bubuko.com,布布扣
var registry = {
    promises: { },
    resolves: { },
    getDependencyPromise: function(name) {
        if (!this.promises[name]) {
            var resolves = this.resolves;
            this.promises[name] = new Promise(function(resolve, reject) {
                resolves[name] = resolve;
            });
        }
        return this.promises[name];
    },
    resolve: function(name, value) {
        this.getDependencyPromise(name); // creates promise if necessary
        this.resolves[name](value);
        delete this.resolves[name];
    }
};

function define(name, deps, definition) {
    require(deps, function() {
        registry.resolve(name, definition.apply(this, arguments));
    });
}

function require(deps, definition) {
    var promises = deps.map(registry.getDependencyPromise, registry);
    Promise.all(promises).then(function(result) {
        definition.apply(this, result);
    });
}
bubuko.com,布布扣

使用方式如下

 

bubuko.com,布布扣
define(‘framework‘, [‘component‘, ‘library‘], function(cmp, lib) {
    return { init: ‘initialized:\ncomponent: ‘ + cmp.description +
        ‘\nand library: ‘ + lib.version};
});

require([‘framework‘], function(framework) {
    alert(framework.init);
});

define(‘library‘, [], function() {
    return { version: ‘0.0.1‘ };
});

define(‘component‘, [‘library‘], function(lib) {
    return { description: ‘uses library version: ‘ + lib.version };
});
bubuko.com,布布扣

原文地址    http://curiosity-driven.org/amd-loader-with-promises

Promise实现简易AMD加载器

原文:http://www.cnblogs.com/dubaokun/p/3530665.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!