Javascript组合模式-扫描文件夹

最新推荐文章于 2025-03-30 10:08:38 发布

费小存

最新推荐文章于 2025-03-30 10:08:38 发布

阅读量972

点赞数

CC 4.0 BY-SA版权

分类专栏：前端H5 JavaScript模式

本文链接：https://blog.youkuaiyun.com/F1594952/article/details/53611990

前端H5 同时被 2 个专栏收录

10 篇文章

订阅专栏

JavaScript模式

7 篇文章

订阅专栏

这篇博客详细介绍了如何利用JavaScript实现文件夹扫描的功能，重点探讨了相关的核心代码和实现细节，帮助读者理解如何在浏览器环境中处理文件系统操作。

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

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>组合模式-扫描文件夹</title>
</head>
<body>
<button id="button">点击按钮1</button>
</body>
<script>
    /*Folder*/
    var Folder = function(name){
        this.name = name;
        this.files = [];
    }
    Folder.prototype.add = function(file){
        this.files.push(file);
    }
    Folder.prototype.scan = function(){
        console.log('开始扫描文件夹:'+this.name);
        for(var i = 0,file,files = this.files;file = files[i++];){
            file.scan();
        }
    };
    /*File*/
    var File = function(name){
        this.name = name;
    };
    File.prototype.add = function(){
        throw new Error('文件下面不能再添加文件');
    }
    File.prototype.scan = function(){
        console.log('开始扫描文件:'+this.name);
    }
    var folder = new Folder('学习资料');
    var folder1 = new Folder('JavaScript');
    var folder2 = new Folder('jQuery');

    var file1 = new File('JavaScript设计模式与开发实践');
    var file2 = new File('精通JQUERY');
    var file3 = new File('重构与模式');

    folder1.add(file1);
    folder2.add(file2);
    folder.add(folder1);
    folder.add(folder2);
    folder.add(file3);

    var folder3 = new Folder('Nodejs');
    var file4 = new File('深入浅出Node.js');
    folder3.add(file4);
    var file5 = new File('Javascript语言精髓与编程实践');
    folder.add(folder3);
    folder.add(file5);
    folder.scan();
</script>
</html>

输出结果：

开始扫描文件夹:学习资料
开始扫描文件夹:JavaScript
开始扫描文件:JavaScript设计模式与开发实践
开始扫描文件夹:jQuery
开始扫描文件:精通JQUERY
开始扫描文件:重构与模式
开始扫描文件夹:Nodejs
开始扫描文件:深入浅出Node.js
开始扫描文件:Javascript语言精髓与编程实践