javascript - 返回一个带参数的对象

Question

我有一个名为“sheet1”的对象

var nr = 1;
function Sheet(title){
    this.div = document.createElement('div');
    this.div.dataset.sheetNr = nr;
    this.div.dataset.sheetTitle = title;
    document.getElementById("sheets").appendChild(this.div);
    nr++;
}

Sheet.prototype = {
    constructor: Sheet,
    get : function(data){
        return this.div.dataset.data;
    }
}

var sheet1 = new Sheet("Title1");

现在当我调用函数时

sheet1.get("sheetNr");

它返回“未定义”!...我该如何解决这个问题？

// console.log(data); outputs sheetNr

但是当我改变我的功能时

Sheet.prototype = {
    constructor: Sheet,
    get : function(){
        return this.div.dataset.sheetNr;
    }
}

然后调用 sheet1.get(); 它返回工作表的编号...在这种情况下为 1...

http://codepen.io/anon/pen/rOXZjq?editors=101

Answer 1

您没有在您正在创建的 div 上定义数据属性，因此它不存在。当您调用 this.div.dataset.sheetNr 时，您实际上是在点击定义的属性。要将变量 data 用作索引，您需要调用: this.div.dataset[data] 代替。