jquery 如何映射到此代码中的 init 函数

Question

我正在努力理解下面的代码。我知道这是一个自我调用功能。最后，当文档准备就绪时，将调用该方法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) {}

          }

        })();        

      };  

     

  })();

我不明白的是，methodDraw如何等同于编辑器？如何打电话？在控制台中，方法绘制消息后跟编辑器消息。还是我完全搞错了。请耐心等待我，因为我刚刚开始使用jQuery。methodDraw.initEditor.init

Answer 1

在此代码片段中，如果您仔细观察 ，它是一个函数，最后它将返回在整个函数体中配置和准备的对象实例，因此由于此实例对象已经具有 init 方法，因此您可以直接将调用链接到它，下面是一个小片段，以简单的方式演示它：window.methodDrawEditorwindow.methodDrawlet Editor = {};Editor.init = () => { console.log('Editor.init');}let InitializerObj = (() => {  return Editor;})()InitializerObj.init();