Javascript Can'；t在另一个函数中调用函数_Javascript_Class_Oop

Javascript Can'；t在另一个函数中调用函数

javascript class oop

Javascript Can'；t在另一个函数中调用函数,javascript,class,oop,Javascript,Class,Oop,您好，我在Javascript中有一些类，在html页面上调用类对象，当我使用我计划的不起作用的方法时，我有一个名为menuController（输入id）的方法和一个名为styleBtnController（输入id）的方法，menuController需要运行styleBtnController来设置样式按钮，menuController需要做一些工作，但是menuController没有执行styleBtnController，这就是我的问题。 Js代码： //Menu Methods c

您好，我在Javascript中有一些类，在html页面上调用类对象，当我使用我计划的不起作用的方法时，我有一个名为menuController（输入id）的方法和一个名为styleBtnController（输入id）的方法，menuController需要运行styleBtnController来设置样式按钮，menuController需要做一些工作，但是menuController没有执行styleBtnController，这就是我的问题。 Js代码：

//Menu Methods
class Base {
    homeBtn ;

    constructor() {

        this.homeBtn = document.getElementById("home");

    }

    menuController(id) {
        this.#styleBtnController(id);
        switch (id) {
            case 'home':
                clickOnHomeMenuBtn(id);
                break;
            case 'search':
                clickOnSearchMenuBtn(id);
                break;
            case 'about':
                clickOnAboutMenuBtn(id);
                break;
            case 'more':
                clickOnMoreMenuBtn(id);
                break;
            case 'users':
                clickOnUsersMenuBtn(id);
                break;
            case 'product':
                clickOnProductMenuBtn(id);
                break;
            case 'moreBack':
                clickOnMoreBackMenuBtn(id);
                break;
        }

    }

    #styleBtnController(id) {
        alert("SSS : " + id);
        switch (id) {
            case 'home':
            case 'search':
            case 'about':

                break;
            case 'users':
            case 'product':

                break;
            case 'more':
                break;
            case 'moreBack':
                break;
        }
    }

    clickOnHomeMenuBtn(id) {
        console.log("selected " + id);
    }

    clickOnSearchMenuBtn(id) {
        console.log("selected " + id);
    }

    clickOnAboutMenuBtn(id) {
        console.log("selected " + id);
    }

    clickOnMoreMenuBtn(id) {
        console.log("selected " + id);
    }

    clickOnUsersMenuBtn(id) {
        console.log("selected " + id);
    }

    clickOnProductMenuBtn(id) {
        console.log("selected " + id);
    }

    clickOnMoreBackMenuBtn(id) {
        console.log("selected " + id);
    }


//End Menu Methods


}//end Class

来自Php（html）的调用方代码：

。。。
设base=newbase（）；
...
...
家
...

在您调用的PHP代码上。单击事件上的clickOnHomeMenuBtn，而不是.menuController。顺便说一句，在你的课堂上，你没有包括这个。内部菜单控制器：大小写“主”：this.clickOnHomeMenuBtn（id）@如果您调用的PHP代码不是.menuController，而是.clickOnHomeMenuBtn on click事件。顺便说一句，在你的课堂上，你没有包括这个。内部菜单控制器：大小写“主”：this.clickOnHomeMenuBtn（id）@阿斯特，谢谢你

...
   <script src="js/Core.js"></script>
    <script>
        let base = new Base();
    </script>
...
</head>
<body>
...
  <div id="buttonGroup" class="btn-group selectors" role="group" aria-label="Basic example">
                            <button onclick="base.clickOnHomeMenuBtn(this.id)" id="home" type="button" class="btn space button-inactive">
                                <div class="selector-holder">
                                    <i class="fa fa-home-alt"></i>
                                    <span style="font-size: 10pt;padding-top: 2px">Home</span>
                                </div>
                            </button>
...