js模仿spring IOC

最新推荐文章于 2025-12-19 20:15:38 发布

最新推荐文章于 2025-12-19 20:15:38 发布 · 161 阅读

文章标签：

#java

WEB前端同时被 3 个专栏收录

64 篇文章

订阅专栏

javascript

57 篇文章

订阅专栏

jquery

17 篇文章

订阅专栏

本文介绍了一个页面设计器的代码重构过程，重点在于组件配置与实例化的处理方式，通过使用Config类来管理不同类型的组件，并实现了Type1和Type2两种组件的具体功能。

1.配置文件config.js

 Config = function( config ) {
     //组件，key是组件ID，value是组件对象
     config.plugins =[{'type1':'Type1'},{'type2':'Type2'}];
     return config;
};

2.TypeAll对象

TypeAll.create = function(t) {
	 if(t instanceof TypeAll) {
		 return t.test();
	 }
}

3.组件对象

function Type1() {
   this.test = function() {
     //具体实现
   }
}
Type1.prototype = new TypeAll();//继承TypeAll

function Type2() {
   this.test = function() {
     //具体实现
   }
}
Type2.prototype = new TypeAll();//继承TypeAll

4.具体调用

var config = {};
config = new Config(config);
var plugins = config.plugins;//获取配置关系
$.each(plugins,function(i,n){
     for (var key in n){
        var pObj=eval(n[key]);
        if (id==key){//id是外部传入组件id
            var t= new pObj();
            html = TypeAll.create(t);
            break;
        }
     }
});

这是我在做一个页面设计器代码重构过程中，处理的，可能还有很多不合理的地方，学习不够深入，希望大家指正。