JavaScript 将变量值公开

Question

以下是我的较大 JavaScript 文件的摘录:

function dashboardConfig()
{
    $(window).on('resize', function () {

        var viewport = {
            width : $(this).width(),
            height : $(this).height()
        };

        el.siteContainer.css(
        {
            marginTop : (viewport.height - 652) / 2
        });

        el.dashboardSlide.css(
        {
            marginLeft : (viewport.width - 1024) / 2,
            marginRight : (viewport.width - 1024) / 2
        });

        //Calculate how many nav elements
        el.navElements.each(function(i)
        {           
            el.dashboard.css(
            {
                width : viewport.width * (i + 1)
            });

            $(this).click(function()
            {
                //HERE IS THE VARIABLE I WOULD LIKE TO USE
                var dashboardSlidePosition = viewport.width * i;

                el.navElements.removeClass('active');
                $(this).addClass('active');

                el.dashboard.animate(
                {
                    left : -dashboardSlidePosition
                },500, function()
                {
                    el.dashboard.css(
                    {
                        left : -dashboardSlidePosition
                    });
                });
            });
        });

        //I WANT TO PERFORM ANOTHER FUNCTION HERE AND HAVE IT USE THE VALUE OF dashboardSlidePosition


    }).trigger('resize');
}

我想知道如何将变量dashboardSlidePosition 的值传递给另一个函数。请问谁能解释一下怎么做吗？

提前非常感谢。

Answer 1

您可以在范围的外边缘声明它。请务必为其指定一个初始值，以便在正确设置之前您不会尝试使用它。

function dashboardConfig()
{
    var dashboardSlidePosition = null;

    function anotherFunction() {
        if (dashboardSlidePosition != null) {
            // ...
        }
    }

    $(this).click(function()
    {
        dashboardSlidePosition = viewport.width * i;
    }
}