gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-02 19:06:56 25 4
gpt4 key购买 nike

我刚刚开始用 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>

最佳答案

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

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

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

关于javascript - * 在javascript中创建类时不是函数错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14229479/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com