如何在JavaScript中声明ClassName.FunctionName.myFunction()？

Question

因此，我正在尝试访问 Class 中函数内的两个函数。 modal_1() 如下代码所示。 console.log("inside 1st"); 工作正常，但是当我试图走得更远时（例如 modal_1.show_modal_1() ; ) 它给了我以下错误信息：

模态 Class:

const Modals = class {
   modal_1(){
        console.log("inside 1st");

        var hide_modal_1 = function () { 
            console.log("hide modal 1");
            //document.getElementById("modal_setup3DScene").style.display = "none"; 
        };
        var show_modal_1 = function() {
            console.log("show modal 1");
            //document.getElementById("modal_1-content").style.display = "block"; 
        };
    }
};

我用什么来调用模态 Class:

let modals_List;
function setup() {
    modals_List = new Modals();
    modals_List.modal_1().show_modal_1();
}

Answer 1

您没有在函数 modal_1 中明确 return 某些内容，因此 return 值将为 undefined。那么您正试图在 undefined 上调用 show_modal_1()。因为属性不存在，所以会出现此错误。

您可以通过return如下函数解决：

const Modals = class {
   modal_1() {
        console.log("inside 1st");
        return {
            hide_modal_1: functio () { 
                console.log("hide modal 1");
            },
            show_modal_1: function() {
                console.log("show modal 1");
            }
        }
    }
};

如何在JavaScript中声明ClassName.FunctionName.myFunction()？

How to declare ClassName.FunctionName.myFunction() in JavaScript?

javascript

oop

class

function

undefined