javascript OOP - 不是函数

Question

我想像 MVC 模式一样构建我的 JS 代码。

当一个站点像 index.php 一样被加载时，控制器对象就会被创建。并调用了一个函数。

在 Controller.js 文件中，此函数创建一个模型对象。

但我收到一条错误消息，指出模型不是函数。

文件索引.php

<script>
    var mController = new Controller();
    mController.load();
</script>

文件控制器.js

 function Controller() 
 {
     console.log('IN CONTROLLER'); // OUTPUT: IN CONTROLLER 

     this.load = function()
     {
         var mModel = new Model(); // OUTPUT: Model is not a function
         mModel.load();
     }
 }

文件 Model.js

function Model() 
{
    this.load = function() { ... }
}

更新：错误是变量和函数的名称相同。

Answer 1

你有一些错误：

首先：你有一个 var 和一个类/函数，它们在中具有相同的名称：

var Controller = new Controller();

这不好，因为一个可能会混淆另一个。改变那个名字。 vars 按照惯例也以小写字母开头，以区别于函数。

那么，这一行：

this.load() = function()

应该是：

this.load = function()

那么，如果您收到“模型不是函数”消息，可能是因为您没有按正确的顺序放置 js 文件。 Model.js 应该在 html 中的 Controller.js 之前出现。请包括加载这些文件的 html 部分。我应该或多或少是这样的：

<script type="text/javascript" src="Model.js"></script>
<script type="text/javascript" src="Controller.js"></script>

希望对你有帮助。