//文件夹接口：组合对象
var IDirectory = new Interface("IDirectory",["add","delete","getFile"]);
//文件接口：叶子对象
var IFile = new Interface("IFile",["show","hide"]);

//文件系统类
var DynamicFileSystem = function(id,fileName){this.files = []; //子文件列表（注意，文件夹也是一个文件）this.createDate = new Date();//文件的创建日期this.fileName = fileName; //文件名//为了在WEB中很好的来描述这个问题，我们需要用到HTMLDOMElementthis.element = document.createElement("div");this.element.id = id;
};//实现两个接口
implements(DynamicFileSystem,IDirectory,IFile);//实现所有的抽象方法
DynamicFileSystem.prototype = {add : function(fileSystemChild){this.files.push(fileSystemChild);this.element.appendChild(fileSystemChild.getElement());},delete : function(fileSystemChild){for(var file,i = 0;node = this.getFile(i),i++){if(file == fileSystemChild){this.files.splice(i,1);break;}}this.element.removeChild(fileSystemChild.getElement());},getFile : function(index){return this.files[index];},show : function(){//显示文件或文件夹this.element.style.display = "block";           for(var file,i = 0;node = this.getFile(i),i++){file.show(); //递归调用}},hide : function(){          for(var file,i = 0;node = this.getFile(i),i++){file.hide(); //递归调用}//隐藏文件或文件夹this.element.style.display = "none";},//拓展方法getElement : function(){return this.element;}
};

var TextFile = function(id,fileName){//文件名this.fileName = fileName;this.element = document.createElement("div");this.element.id = id;
};//实施继承
inherits(TextFile,DynamicFileSystem);

//创建文件夹
var fileSystem = new DynamicFileSystem("dirRoot","C盘");//创建文本文件
var txtFile1 = new TextFile("txtFile1","文本文件1");
var txtFile2 = new TextFile("txtFile2","文本文件2");
var txtFile3 = new TextFile("txtFile3","文本文件3");//将三个文本文件添加到文件夹中
fileSystem.add(txtFile1);
fileSystem.add(txtFile2);
fileSystem.add(txtFile3);

var windowsDir = new DynamicFileSystem("dirWindows","Windows"); //Windows文件夹
var programDir = new DynamicFileSystem("dirProgram","Program Files"); //Program Files文件夹//添加到C盘
fileSystem.add(windowsDir);
fileSystem.add(programDir);