的Javascript同时创造“不是构造函数”异常物体

Question

我定义的对象是这样的：

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

    this.currentLayout = ''; 

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

我然后尝试创建和实例是这样的：

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

但这execption抛出：

Project is not a constructor 

什么可能是错误的？我搜索了很多，但仍然无法弄清楚我做错了什么。

Answer 1

问题中发布的代码无法生成该错误，因为Project不是用户定义的函数/有效构造函数。

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

你可能已经做了这样的事：

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

声明变量的代码的其余部分之前始终评估。所以，这也可能是导致问题：

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

我也用Google搜索了一圈，发现此解决方案：

你有一个变量Project的地方，不是一个函数。然后new运营商会抱怨。尝试console.log(Project)在你将它用作建造者的地方，你会发现它。

Answer 3

其他原因可能是ES6箭头功能。它们不能用作构造函数。

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

Answer 4

在我来说，我所用的原型名称作为对象名称。对于例如

function proto1() 
{} 

var proto1 = new proto1(); 

这是一个愚蠢的错误，但可能的帮助，像我;）

Answer 5

我的项目，这个问题竟然是）由需要（创建一个循环引用调用：

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; 

原因是，当它试图初始化y时，它会在依赖系统中创建一个临时的“y”对象（不是类，对象！），它在某种程度上还不是构造函数。然后，当x.js完成定义时，它可以继续使y成为构造函数。只有，x.js在它尝试使用非构造函数y的地方有一个错误。

Answer 6

对我来说，这是ES6上import和require之间的差异。

E.g.

// processor.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() // succeeds 

Answer 7

在我来说，我在函数包裹我的所有代码导出模块中的定义结束忘了打开和关闭括号。即我：

(function() { 
    'use strict'; 

    module.exports.MyClass = class{ 
    ... 
); 

相反的：

(function() { 
    'use strict'; 

    module.exports.MyClass = class{ 
    ... 
)(); 

编译器不抱怨，但进口模块不设置它被赋予变量在需要语句，所以它在不确定的您尝试构建它的这一点，它会给出TypeError: MyClass is not a constructor错误。

Answer 8

要添加到@ wprl的答案，ES6对象方法简写（如箭头函数）不能用作构造函数。

const o = { 
    a:() => {}, 
    b() {}, 
    c: function() {} 
}; 

const { a, b, c } = o; 

new a(); // throws "a is not a constructor" 
new b(); // throws "b is not a constructor" 
new c(); // works 

Answer 9

我有一个类似的错误，我的问题是，名和变量名和构造函数名的情况下是相同的，这是不行的，因为JavaScript的解释旨在构造函数新创建的变量。

换句话说：

function project(name){ 
    this.name = name; 
} 

//elsewhere... 

//this is no good! name/case are identical so javascript barfs. 
let project = new project('My Project'); 

简单的改变的情况下或变量名可以解决问题，但：

//with a capital 'P' 
function Project(name){ 
    this.name = name; 
} 

//elsewhere... 

//works! class name/case is dissimilar to variable name 
let project = new Project('My Project'); 

Answer 10

它正在发生的事情，因为你必须有一个命名为“项目”另一个变量的码。像 var project = {}

东西给你，使代码工作，变化如下：

var project = {}到var project1 = {}