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

问题描述

问 题

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

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

问题：

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

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

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

注：jquery版本是1.6.X

解决方案

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

其次，定义一个 ready 事件。

$(document).ready(()=>{
  //balabala
})

当 DOM（文档对象模型） 已经加载，并且页面（包括图像）已经完全呈现时，会触发 ready 事件。
由于该事件在文档就绪后发生，因此把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法。

这篇关于javascript - js文件结构看不懂，求指点，多谢的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！