js文件结构看不懂，求指点，多谢

Question

js文件路径：http://arborjs.org/site.js它的结构大致如下(function($){...$(document).ready({}))}(this.jQuery)问题：最外层的格式是啥子意思?完全没思路外层函数和内嵌的ready事件执行顺序是怎样的？小弟想用这个组件干点事情，求大神提点，多谢多谢注：jquery版本是1.6.X

Answer 1

首先，外面是一个立即执行的匿名函数。把 this.jQuery 作为参数 $ 传进去，这是传统的模块化的写法，避免变量冲突。

其次，定义一个 ready 事件。

$(document).ready(()=>{

  //balabala

})

当 DOM（文档对象模型） 已经加载，并且页面（包括图像）已经完全呈现时，会触发 ready 事件。

由于该事件在文档就绪后发生，因此把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法。