Exception Javascript "Not a Constructor" lors de la création d'objets

Question

Je définis un objet comme ceci :

function Project(Attributes, ProjectWidth, ProjectHeight) {
    this.ProjectHeight = ProjectHeight;
    this.ProjectWidth = ProjectWidth;
    this.ProjectScale = this.GetProjectScale();
    this.Attributes = Attributes;

    this.currentLayout = '';

    this.CreateLayoutArray = function()
    {....}
}

J'essaie ensuite de créer une instance comme ceci :

var newProj = new Project(a,b,c);

mais cette exception est levée :

Project is not a constructor

Qu'est-ce qui pourrait ne pas aller ? J'ai beaucoup cherché sur Internet, mais je n'arrive toujours pas à comprendre ce que je fais de mal.

Answer 1

Le code tel qu'affiché dans la question ne peut pas générer cette erreur, car Project n'est pas une fonction définie par l'utilisateur / un constructeur valide.

function x(a,b,c){}
new x(1,2,3);               // produces no errors

Vous avez probablement fait quelque chose comme ça :

function Project(a,b,c) {}
Project = {};               // or possibly   Project = new Project
new Project(1,2,3);         // -> TypeError: Project is not a constructor

Déclarations de variables à l'aide de var sont hissé et donc toujours évalué avant le reste du code. Cela peut donc également être à l'origine de problèmes :

function Project(){}
function localTest() {
    new Project(1,2,3); // `Project` points to the local variable,
                        // not the global constructor!

   //...some noise, causing you to forget that the `Project` constructor was used
    var Project = 1;    // Evaluated first
}

Answer 2

Une cause supplémentaire de ce problème peut être l'ES2015 fonctions de la flèche . Ils ne peuvent pas être utilisés comme constructeurs .

const f = () => {};
new f(); // This throws "f is not a constructor"

Answer 3

Pour moi, c'était les différences entre import y require sur ES6.

Par exemple

processeur.js

    class Processor {

    }

    export default Processor

index.js

const Processor = require('./processor');
const processor = new Processor() //fails with the error

import Processor from './processor'
const processor = new Processor() // succeed

Answer 4

J'ai également cherché sur Internet et trouvé cette solution :

Vous avez une variable Project quelque part qui n'est pas une fonction. Ensuite, le new l'opérateur s'en plaindra. Essayez console.log(Project) à l'endroit où vous l'auriez utilisé comme construcotr, et vous le trouverez.

Answer 5

Pour mon projet, le problème s'est avéré être une référence circulaire créée par les appels require() :

y.js:
var x = require("./x.js");
var y = function() { console.log("result is " + x(); }
module.exports = y;

x.js:
var y = require("./y.js");
var my_y = new y(); // <- TypeError: y is not a constructor
var x = function() { console.log("result is " + my_y; }
module.exports = x;

La raison en est que lorsqu'il tente d'initialiser y, il crée un objet "y" temporaire (pas une classe, un objet !) dans le système de dépendances qui n'est pas encore un constructeur. Ensuite, lorsque x.js a fini d'être défini, il peut continuer à faire de y un constructeur. Seulement, x.js a une erreur dans sa tentative d'utiliser le non-constructeur y.