超越了在document.ready(）中编写简单函数

在构建网站时，作为个人偏好，我喜欢创建一个主javascript文件，该文件的顶部有window.load和window.ready。

为了便于阅读，我倾向于将这些函数中我想要的任何逻辑重构为它们自己的函数，通常只有当元素存在于DOM中时，我才会运行这些函数。

在大多数情况下，我觉得这比直接将所有内容转储到load/ready函数中更干净，但随着我的javascript技能的提高，我开始编写更多的匿名函数，随着文档准备部分开始变长，我的代码开始看起来有点混乱。

就这个问题而言，我想知道：

1. 有没有更好的方法只运行一个函数/代码，而不是像我那样检查长度
2. 有没有更好的方法将上述检查融入我编写插件的方式中
3. 主要问题：如何超越编写以jQuery为中心的单一脚本，从而提高我的javascript技能

我提供了一个我的文件的外观示例。

$(window).load(function() {
  if ( $('#el-1').length !== 0 ) { $('#el-1').addClass('add'); }
});
$(document).ready(function() {
  if ( $('#el-2').length !== 0 ) { new my_plugin('#el-2');  }
  if ( $('#el-3').length !== 0 ) { simple_function();  }
  /* This starts to get messy when there's multiple checks, 
  // longer function names, and different libraries etc.
  */
});
var simple_function = function() {
  //do the short thing
};
;(function( window, $ ) {
  'use strict';
  function my_plugin( el, options ) {
    this.el = $(el);
    this.options = $.extend( this.defaults, options );
    this._init();
  }
  my_plugin.prototype = {
    defaults : {
      something: 'something'
    },
    _init : function() {
      // do the things
    }
    _internalFunction: function() {
      // do the things
    },
    externalFunction: function() {
      // do the things
    }
  }
  window.my_plugin = my_plugin;
})( window , jQuery );