Javascript 变量作用域

Question

我可以在内部调用 selectCompanyJump(this) 而不是从 App.site.profile 调用它吗？

我可以不做 App.site.profile.selectStateJump(this); 而不是像 parent.selectStateJump(this); 那样不重新分配 this 在 .change() 调用之外？

$(document).ready(function () {
    App.site = function () {
        return {
            init: function () {
                this.profile.init();
            },
            profile: function () {
                var profile;

                return {
                    init: function () {
                        profile = $('div#profile');

                        $('select[name="company_id"]', profile).change(function () {
                            App.site.profile.selectCompanyJump(this);
                        });

                        $('select[name="state_id"]', profile).change(function () {
                            App.site.profile.selectStateJump(this);
                        });
                    },
                    selectCompanyJump: function (select) {
                        $(select.parent()).submit();
                    },
                    selectStateJump: function (select) {
                        $(select.parent()).submit();
                    }
                }
            }()
        }
    }();

    App.site.init();
});

Answer 1

您可以将所需的“this”范围作为 change() 函数定义之外的另一个变量进行引用:

     profile: function () {
            var profile;

            return {
                init: function () {
                    profile = $('div#profile');
                    var self = this;

                    $('select[name="company_id"]', profile).change(function () {
                        self.selectCompanyJump(this);
                    });

                    $('select[name="state_id"]', profile).change(function () {
                        self.selectStateJump(this);
                    });
                },
                selectCompanyJump: function (select) {
                    $(select.parent()).submit();
                },
                selectStateJump: function (select) {
                    $(select.parent()).submit();
                }
            }
        }()