javascript - 这个javascript的目的，它使用了什么样的设计模式？

Question

    if (!window['console']) {
        window.console = {
        log: function(msg) {}
        }
    }


$(window).ready(function() {
    Site.onReady();
});



    var Site = {
        host: null,
        path: null,
        etc..

还有var Helpers，var Site，看着不错，就是看不懂用途？有谁知道吗？

Answer 1

if (!window['console']) {
    window.console = {
    log: function(msg) {}
    }
}

这会检查当前是否有任何东西已分配给 window.console，如果没有，它会分配一个具有“日志”功能的自定义对象。这使得 window.console.log 无论如何都可用，并且如果已经有该函数的 native (或早期定义)版本，它将被使用。

$(window).ready(function() {
    Site.onReady();
});



    var Site = {
        host: null,
        path: null,
        etc..

我不知道这是干什么用的，但是 Site 在被放入 $(window).ready() 的匿名回调中时是未定义的，这是应该避免的事情(只需将 $(window).ready() 放在定义站点的下方)

至于这个特定的片段:

$(window).ready(function() {
        Site.onReady();
    });

这将匿名函数传递给 $(window).ready() 函数，它将在 DOM 准备就绪时调用它。直接使用匿名函数避免了命名一个函数然后再传入的需要。

function myFunc() {//我们现在可以在任何地方使用 myFunc，这可能是不需要的 Site.onReady();

$(window).ready(myFunc);

最后:

   var Site = {
            host: null,
            path: null,
            etc..

var myVar = {key1:"value", key2:"other_value"}; 语法创建一个带有键和值的新对象，可以像这样使用:myVar.key1 = "新值!"