C#递归应用之实现JS文件的自动引用

什么是递归?

递归是一种函数在运行时调用自身的算法。通过递归，函数可以反复调用自身来达到某种目的。递归函数通常包括一个出口条件，当满足出口条件时，递归函数不再进行递归调用，从而结束递归过程。

JS文件的自动引用实现

在前端开发中，我们可能需要在一个HTML页面中引用多个JS文件。如果手动去一个一个引用的话，工作量会非常大，而且也不够方便。使用递归可以方便地实现JS文件的自动引用。

递归引用JS文件的实现方法

1. 创建一个JS文件引用函数
我们可以定义一个函数来自动引用JS文件，这个函数接收一个参数，这个参数是一个字符串数组，里面存储了需要引用的JS文件的路径。

function loadJSFile(files) {
    if (!Array.isArray(files)) return;
    var file = files.shift();
    var s = document.createElement('script');
    s.src = file;
    s.onload = function() {
        if (files.length != 0) {
            loadJSFile(files);
        }
    }
    document.head.appendChild(s);
}

2. 使用递归调用函数
在页面中调用该函数，传入需要引用的JS文件的路径。

var files = [
    'js/a.js',
    'js/b.js',
    'js/c.js'
];
loadJSFile(files);

3. 结束递归调用函数
在引入的最后一个JS文件中，通过判断当前文档中是否已经存在一个特定的元素来结束递归调用。假设我们在a.js文件的末尾加上这样的代码：

if (!document.querySelector('.JS_loaded')) {
    var el = document.createElement('div');
    el.classList.add('JS_loaded');
    document.body.appendChild(el);
}

这样，当a.js文件被引用时，会创建一个包含类名为JS_loaded的元素，并加入到文档中。当b.js和c.js文件引用时，这个元素已经存在，递归调用就会被中止。