老师这样注释如何

// 对图片进行分类

  Img.prototype._classify = function(data) {

    // 分类过的图片src，存放到srcs数组，通过它判断这个需要进行分类的图片是不是已经生成过了

    let srcs = [];

    data.forEach(({ title, type, alt, src }) => {

      if (!this.types.includes(type)) {

        this.types.push(type);

      }

      //Object.keys( ) 会返回一个数组，数组中是这个对象的key值列表。判断这个type类型是否存在于key值列表中

      //不存在的话，先初始化一个空数组放这个类型对应的图片下标，key=>属性名 data[key]=>属性值。键值对，即 类型：图下标1 图下标2 

      if (!Object.keys(this.classified).includes(type)) {

        this.classified[type] = [];

      }

      if (!srcs.includes(src)) {

        // 图片没有生成过

        // 生成图片

        // 添加到 对应的分类中

        srcs.push(src);

        let figure = document.createElement('figure');

        let img = document.createElement('img');

        let figcaption = document.createElement('figcaption');

        img.src = src;

        //img.alt = alt; 也可以

        img.setAttribute('alt', alt);

        figcaption.innerText = title;

        methods.appendChild(figure, img, figcaption);

        this.all.push(figure);

        //因为开始都是新生成图片，所以all最后一个图片的索引（长度-1）就是需要加入到当前类型的图片索引

        this.classified[type].push(this.all.length - 1);

      } else {

        // 去all中 找到对应的图片

        // 添加到 对应的分类中

        //function(s1){return s1 === src}，srcs里地址下标和all里图片下标是对应的，

        //所以可从srcs里遍历，实现src相等的图片其索引下标位置加进对应type分类中

        this.classified[type].push(srcs.findIndex(s1 => s1 === src));

      }

    });

  };

建议慕课网：

对于这样的实战，多一些逻辑分析，流程，如何设计这样的功能，比如比较完整的流程图说明，敲代码的时候更清晰，当然本节有文字注释说明，也算有流程方向。

希望能够有书面文档说明，毕竟没有字幕，得听好多遍，才有些印象要做什么，为什么，如何 ，实现这样的功能。

相对花时间，有些方法不熟悉或者没见过，也算学习新方法知识和复习以前的知识了。

对于本节中，用到的方法，也可以一并简单说明整理到文档中