javascript - * 在javascript中创建类时不是函数错误

Question

我刚刚开始用 javascript 制作类(class)，这是我创建的第一个类(class)，如下所示:

function MessageBox(parent){
    this.id = "msg-box";   // ID for the Box
    this.createElements(this.id);
    this.parentElement = parent;
};
MessageBox.prototype = {
    createElements: function(id){
        // Create Main Container
        this.containerElement = document.createElement('div');
        this.containerElement.setAttribute('id', this.id);
        this.parentElement.appendChild(this.containerElement);
    }
};

但是当我在 index.html 文件中调用此文件时，它返回错误 createElements() is not a function..

这也是我的index.html:

<script type="text/javascript">
        window.onload = function(){
            var box = MessageBox('body');
            //box.start();
        }
    </script>

Answer 1

由于您的函数是构造函数，因此您想使用

var box = new MessageBox('body');
//        ^^^

否则，不会创建任何实例，并且您的构造函数将在默认上下文对象(全局 window 对象)(没有 createElements 属性)上执行。看看MDN's introduction to the this keyword和 new operator .