JavaScript-的含义:var DndUpload=函数(inputElem){};

JavaScript - Meaning of: var DndUpload = function (inputElem){};

本文关键字:inputElem 函数 DndUpload var JavaScript-      更新时间:2023-09-26

我可以要求解释一下吗:

下面的代码代表什么?它是否创建了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()
{
};

如果你与解释有任何联系,那将有所帮助。非常感谢。

这是一种更糟糕的编写方式:

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

这是一个函数声明。它不会创建DndUpload的实例。从技术上讲,它确实创建了一个对象——它的名称是DndUpload,是Function的一个实例。创建这个"类:"的实例

var instance = new DndUpload(document.getElementById('someInputId'));
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

您所拥有的代码本质上是为一个"类"创建一个构造函数,它或多或少是一个对象的蓝图。

然后,它将该构造函数放入一个名为DndUpload 的变量中

所以你现在可以用制作一个物体

var myObject = new DndUpload(input elem)