Question

我安装了Slimbox，工作正常。

然而，在设置了一些全局变量后，Slimbox作者已经包装了所有Slimbox代码并在var中初始化了DOM。

var Slimbox = (function() {

// Global variables, accessible to Slimbox only
var win = window, ie6 = Browser.ie6, options, images, activeImage = -1, activeURL, prevImage, nextImage, compatibleOverlay, middle, centerWidth, centerHeight,

// Preload images
preload = {}, preloadPrev = new Image(), preloadNext = new Image(),

// DOM elements
overlay, center, image, sizer, prevLink, nextLink, bottomContainer, bottom, caption, number,

// Effects
fxOverlay, fxResize, fxImage, fxBottom;

// now initialize the DOM
window.addEvent('domready', function() {

// *************
// This is where the problem arises. 
// I call ajax actions here, and some functions which are external to 'domready' 
// *************
pageInit();
setupFormSubmit('product_bid', 'afterPlaceBid');
setupAjaxAction('delete_validate_id_link', 'afterDelete');
setupAjaxAction('move_validate_down_link', 'afterMoveValidate');
//etc...

});
// end the DOM function



function afterMoveValidate(){  
}

function afterDelete() { 
}

// all the Slimbox functions are here too... 
etc..

//end the var Slimbox
})

问题是我的外部函数虽然仍在var中，但没有全局范围，但Slimbox函数却没有。

这没有Slimbox，我初始化了DOM并具有外部功能。

任何人都可以提供想法/解释吗？

谢谢

Answer 1

slimbox的作者所做的是实现了模型模式。如果您测试下面的代码，您会发现无法从外部访问privateVar或privateFunction。但是，您可以通过publicVar和`publicFunction。

访问它们

因此，无法从外部访问放在slimbox函数（或下面的modelPattern）中的所有内容，只能返回在对象中“导出”的部分。因为只有那部分将在“slimbox”变量（或下面的modelPattern）中。

var modelPattern = (function() {

    // Global variables, accessible to Slimbox only
    var privateVar = 'private';

    function privateFunction() {
        console.log(privateVar);
    }

    return {
        publicVar: 'public',
        publicFunction: function() {
            console.log(privateVar);
        }
    };
})();

modelPattern.publicFunction();
if (!modelPattern.privateFunction) {
    console.log("privateFunction is not defined");
}

你可以在这个小提琴中看到代码的结果，只需启动你的javascript控制台就可以看到输出。 http://jsfiddle.net/ArE2x/

slimbox在一个var中包装DOM -

1 个答案: