javascript - JS : why is the var not declared when it is declared inside a method of an object and passed as a parameter to the other method of the same object?

Question

当变量在对象的方法内声明并作为参数传递给同一对象的其他方法时，我不知道为什么会收到错误“ReferenceError i is not returned”。

这是我的 JS:

var reservasAPP = {   
    generarGrilla: function(){
        //la llamo desde el html con jQuery(document).ready();
        for(var i=1; i<13; i++){
            var impresionGrilla = $('#grilla').append("<button class=\"btn btn-primary btn-xs\" onclick=\"return reservasAPP.guardarReserva(i);\">Reservar</button>");
        };
    },
    nombre: function (i) {
        return $('#horario'+i).val();
    },  
    guardarReserva:function(i){
        var reservaConfirmada = $('#horario'+i).html('--> '+this.nombre());
        console.log("whatever "+i);
        console.log(i);
        return false;
    },    
}

window.reservas = reservasAPP;

如果我进入控制台并尝试输入“var i”来获取 var i 的值，我会得到“未定义”。为什么未定义？

Answer 1

试试这个...

var reservasAPP = {   
    generarGrilla: function(){
        //la llamo desde el html con jQuery(document).ready();
        for(var i=1; i<13; i++){
            var impresionGrilla = $('#grilla').append("<button class=\"btn btn-primary btn-xs\" onclick=\"return reservasAPP.guardarReserva(" + i + ");\">Reservar</button>");
        };
    },
    nombre: function (i) {
        return $('#horario'+i).val();
    },  
    guardarReserva:function(i){
        var reservaConfirmada = $('#horario'+i).html('--> '+this.nombre(i));
        console.log("whatever "+i);
        console.log(i);
        return false;
    },    
}

说明 "<button class=\"btn btn-primary btn-xs\" onclick=\"return reservasAPP.guardarReserva(i);\">Reservar</button>"被注入(inject)到 DOM 中，但变量“i”在那里没有任何意义。

此外，“nombre”函数需要一个参数，该参数显然应该是传递给“guardarReserva”函数的参数。因此，以下行已更改:

var reservaConfirmada = $('#horario'+i).html('--> '+this.nombre());

到

var reservaConfirmada = $('#horario'+i).html('--> '+this.nombre(i));