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

Question

js文件路径：http://arborjs.org/site.js

它的结构大致如下
(function($){
...
$(document).ready({}))
}(this.jQuery)

问题：

1. 最外层的格式是啥子意思?完全没思路

2. 外层函数和内嵌的ready事件执行顺序是怎样的？

小弟想用这个组件干点事情，求大神提点，多谢多谢

注：jquery版本是1.6.X

Answer 1

首先，外面是一个立即执行的匿名函数。把 this.jQuery 作为参数 $ 传进去，这是传统的模块化的写法，避免变量冲突。其次，定义一个 ready 事件。$(document).ready(()=>{  //balabala})当 DOM（文档对象模型） 已经加载，并且页面（包括图像）已经完全呈现时，会触发 ready 事件。由于该事件在文档就绪后发生，因此把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法。