1

大家好，我想了解下面的代码。我知道这是一个自我调用功能。最后，当文档准备好时，methodDraw.init将调用该方法

(function() {

    if(!window.methodDraw) window.methodDraw = function($) {
      var svgCanvas;
      var Editor = {};
      var is_ready = false;
      var curConfig = {
        canvas_expansion: 1, 
        dimensions: [580,400], 
        initFill: {color: 'fff', opacity: 1},
        initStroke: {width: 1.5, color: '000', opacity: 1},
        initOpacity: 1,
        imgPath: 'images/',
        extPath: 'extensions/',
        jGraduatePath: 'lib/jgraduate/images/',
        extensions: [],
        initTool: 'select',
        wireframe: false,
        colorPickerCSS: false,
        gridSnapping: false,
        gridColor: "#000",
        baseUnit: 'px',
        snappingStep: 10,
        showRulers: (svgedit.browser.isTouch()) ? false : true,
        show_outside_canvas: false,
        no_save_warning: true,
        initFont: 'Helvetica, Arial, sans-serif'
      };
      var curPrefs = {}; //$.extend({}, defaultPrefs);
      var customHandlers = {};
      Editor.curConfig = curConfig;
      Editor.tool_scale = 1;

      Editor.setConfig = function(opts) {
        $.extend(true, curConfig, opts);
        if(opts.extensions) {
          curConfig.extensions = opts.extensions;
        }
      }      

      Editor.init = function() {

        // For external openers
        (function() {
          console.log("inside editor.init")
          // let the opener know SVG Edit is ready
          var w = window.opener;
          if (w) {
                try {
              var methodDrawReadyEvent = w.document.createEvent("Event");
              methodDrawReadyEvent.initEvent("methodDrawReady", true, true);
              w.document.documentElement.dispatchEvent(methodDrawReadyEvent);
                }
            catch(e) {}
          }
        })();        
      };  
      return Editor;
    }(jQuery);    

    // Run init once DOM is loaded
    $(methodDraw.init);
    console.log("inside methoddraw.init")

  })();

我不明白的是，methodDraw 如何等同于编辑器？怎么methodDraw.init打电话Editor.init？。在控制台中，methodDraw 消息后面是编辑器消息。还是我完全错了。请多多包涵，因为我刚开始使用 jQuery。

4

1 回答 1

0

在这个代码片段中，如果你仔细观察window.methodDraw，它是一个函数，最后它会返回Editor在整个函数体中配置和准备的对象实例window.methodDraw，所以由于这个实例对象已经有 init 方法，你可以直接链接到它的调用，这里有一个小片段以简单的方式演示它：

let Editor = {};

Editor.init = () => {
 console.log('Editor.init');
}

let InitializerObj = (() => {
  return Editor;
})()

InitializerObj.init();

于 2020-05-06T06:09:53.413 回答