在 Javascript 中将 var 转换为自定义类

Question

我在Javascript中有一个名为Booking的自定义类：

function Booking(technicianID, startTime, start, street, zipcode, jobtypeID) {
    this.technicianID = technicianID;
    this.startTime = startTime;
    this.start = start;
    this.street = street;
    this.zipcode = zipcode;
    this.jobtypeID = jobtypeID;
}

我想使用此类的对象作为函数的输入。

function bookTime(inputBooking) {
    var tmpBooking = inputBooking;
    alert("You chose: " + tmpBooking.start + ". Tech: " + tmpBooking.technicianID);
}

但是由于某种原因，我从警报中得到的只是变量的"未定义"。我想这是因为它没有将 inputBooking 视为预订对象，这意味着它没有变量 start 和 technicianID...

我读到您可以使用一个 Object.create 函数，但我无法让它工作。

    tmpBooking = Object.create(Booking, inputBooking); 

关于如何解决这个问题的任何想法？

编辑：

如果我直接从javascript发送inputBooking对象，它会按预期工作。

    var tmpBooking = new Booking(tmpTechID, tmpStartTime, tmpStart, tmpStreet, tmpZipcode, tmpJobtypeID);
    bookTime(tmpBooking);
    //Works

但问题是我想将一个临时对象发送到 HTML 并生成一个将调用 bookTime 函数的按钮：

    var tmpBooking = new Booking(tmpTechID, tmpStartTime, tmpStart, tmpStreet, tmpZipcode, tmpJobtypeID);
    resultsHTML += "<a href="#" onclick="bookTime('" + tmpBooking + "')">Book!</a>";
    //Doesn't work

当我使用调试器运行它时，它说inputBooking的类型是[对象对象]和"无法评估子项"。结果是未定义启动和技术人员 ID 变量。

Answer 1

您显示的代码没有任何错误。如果使用实际的 Booking 对象调用该函数，它将按预期工作：

bookTime(new Booking('Tech1', 'Now', 'Now', 'Here', 'Zip', 'Job'));

演示：http://jsfiddle.net/Guffa/fRmA2/

因此，您的问题很可能不是您发送到函数中的Booking对象。

编辑：

您正在创建包含对象的字符串表示形式的 HTML 代码，但不能使用对象的字符串表示形式重新创建外观相同的对象。

要么在代码中使用变量：

resultsHTML += "<a href="#" onclick="bookTime(tmpBooking)">Book!</a>";

或创建将创建对象的代码：

resultsHTML += "<a href="#" onclick="bookTime(new Booking(tmpTechID, tmpStartTime, tmpStart, tmpStreet, tmpZipcode, tmpJobtypeID))">Book!</a>";

但是，根据您从何处获取数据，或者您是否在循环中使用它，这两种方法都不起作用。如果使用的变量在全局不可用，则需要使用每个变量的值来创建创建对象的代码。像这样：

resultsHTML += "<a href="#" onclick="bookTime(new Booking('"+tmpTechID.replace(/\/g,'\\').replace(/'/g,'\'')+", '"+tmpStartTime.replace(/\/g,'\\').replace(/'/g,'\'')+", '"+tmpStart.replace(/\/g,'\\').replace(/'/g,'\'')+", '"+tmpStreet.replace(/\/g,'\\').replace(/'/g,'\'')+", '"+tmpZipcode.replace(/\/g,'\\').replace(/'/g,'\'')+", '"+tmpJobtypeID.replace(/\/g,'\\').replace(/'/g,'\'')+"))">Book!</a>";

Answer 2

很可能

你忘了在以下位置使用 new 关键字：

var inputBooking = new Booking(...