Question

您好，我问是因为我只找到带有返回值的函数的模块指南。我的函数主要是更改诸如显示和可见的值，因此没有返回值。我在我的index.js（主javascript文件）中有函数，并且我想拥有一个函数库，可以将其添加到index.js文件中，并使其组织得井井有条。现在我的功能是与此类似的东西

 var mainPageJS;
 mainPageJS = document.getElementById('MainPageHTML');
 ButtF.addEventListener('click', function(){Menu_Functions(this)});

function Menu_Functions(i) {
   var titlePage, mainPageTitle, x;

    x = i.value;
    mainPageTitle = document.getElementById('mainPageTitle');
    titlePage = document.getElementById('TitlePage');

    if (x === 'Flower') {
        mainPageTitle.textContent = 'Flower Page';
        mainPageJS.style.display = 'block';
        titlePage.style.display = 'none';
    }else{whatever}
}

这一切都起作用，并且我能够通过同一功能运行不同的按钮和按钮值。因此，严格出于组织目的，我想将此功能移至它自己的.js（库或用户功能束）中，如果可以的话，我将如何实现它，就像我说的那样，我没有返回值，并且它会改变元素位于HTML中。

我可以在类似于以下模块的模块中分配返回值：

        var e, x, n;
    if (x === 'Flower') {
        mainPageTitle.textContent = 'Flower Page';
        mainPageJS.style.display = 'block';
        titlePage.style.display = 'none';
        e = mainPageTitle.textContent;
        x = mainPageJS.style.display;
        n = titlePage.style.display;
    }else{whatever}
return e, x, n;
}

编辑：我意识到第二条语句中的变量需要先制成，然后才能在IF语句中使用。

创建没有返回值的模块函数

0 个答案: