JavaScript - 含义：var DndUpload = function（inputElem）{};

Question

我可以请求解释：

以下代码代表什么？它是否会创建DndUpload Ojbect？或者，它是否创建了一个DndUpload（）函数？我想念的是JavaScript对象创建过程中通常出现的语句new。我可以请一些解释，因为我很困惑。

var DndUpload = function (inputElem)
{
    this.input = inputElem;
    this.dropZone = null;
    this.isDragging = false;
    this.init();
};

据我所知，这是在Javascript中创建对象的方法：

var myObject = new function()
{
};

如果您有任何解释链接，那将有所帮助。谢谢。

Answer 1

这是一种更糟糕的写作方式：

function DndUpload(inputElem)
{
    this.input = inputElem;
    this.dropZone = null;
    this.isDragging = false;
    this.init();
}

是function declaration。它不会创建DndUpload的实例。从技术上讲，它 创建一个对象 - 它的名称是DndUpload和it is an instance of Function。要创建此“class：”的实例

var instance = new DndUpload(document.getElementById('someInputId'));

Answer 2

你所拥有的代码实质上为“类”创建了一个构造函数，它或多或少是对象的蓝图。

然后将该构造函数放入名为DndUpload

的变量中

所以你现在可以用

创建一个对象

var myObject = new DndUpload(input elem)

Answer 3

var myObject = new function()
{
};

定义匿名构造函数，然后使用匿名构造函数实例化一个新对象。它本可以替换为var myObject = {}。

var DndUpload = function (inputElem)
{
    this.input = inputElem;
    this.dropZone = null;
    this.isDragging = false;
    this.init();
};

定义构造函数（技术上是分配给变量的匿名构造函数）。然后，您可以通过使用new：

调用构造函数来创建此“类”的对象

var dndUploadObject = new DnDUpload(),
    anotherUploadObject = new DnDUpload(); //2 unique DnDUpload objects