Javascript 单例模式初始化值未进入 html 文件

Question

我创建了一个单例模式，如下所示。我想在 html 文件中使用这个值。所以我创建了一个名为“scoreboard.js”的 js 文件并包含在 index.html 文件中。但我无法访问此对象值。

记分板.js

var scoreboard = function() {

        var message = 'Welcome to the game!';

        function printMessage() {

             console.log(message);

        }

        function updateMessage(newMessage) {

            message = newMessage;

        }

        //return an object that represents our new module

        return {

             showMessage: printMessage,

             updateMessage: updateMessage

        }

    }(); 

index.html

<script src="scoreboard.js" type="text/javascript"></script>
<script>
        scoreboard.printMessage();
        scoreboard.updateMessage("Let the game begin!");
</script>

我得到的错误是

TypeError: scoreboard.showMessages is not a function 

Answer 1

您需要使用与返回函数相同的名称来调用该函数:

showMessage: printMessage,

所以打电话

scoreboard.showMessage();

---

或者，只要与您的函数命名一致，并替换

 showMessage: printMessage,

与

 printMessage: printMessage,