javascript - 将对象传递给事件 jQuery

Question

在此示例中，我尝试迭代传递给单击处理程序的对象的属性，但我得到了意外的结果。 Here's fiddle

所以使用像这样的 JS 脚本

 $(document).ready(function ()
        {

            Label = function (name, toDate, fromDate)
            {
                this.name = name;
                this.toDate = toDate;
                this.fromDate = fromDate;
            }

            lbl = new Label('John', 'Today', 'Yesterday');


            $('#btnSubmit').click(function ()
            {
                for (var i in lbl)
                {
                    console.log(i);
                }
            });
            $('#btnSubmit2').click(function (Label)
            {
                for (var i in Label)
                {
                    console.log(i);
                }
            });
        });

为什么我不能在单击事件的函数中传递对象并迭代其属性，而不是像在 btnSubmit 示例中那样使用 forin 循环？

Answer 1

始终以事件作为参数来调用回调。当您编写 click(function(Label){ 时，您只需为该事件变量指定名称 Label (从而隐藏外部构造函数)。

但是你可以访问外部作用域中定义的变量，所以你想要的可能是

var lbl = new Label('John', 'Today', 'Yesterday');
$('#btnSubmit').click(function(){
    for (var i in lbl) {
        console.log(i, lbl[i]); // for example "name", "John"
    }
});