jQuery FancyBox 1.3.2基础语法疑问：开头分号的作用解析

开头分号的作用 #

那个开头的;是防御性分号，本质是为了避免语法意外。

JS有自动分号插入机制，但如果前面的脚本漏写了结尾的分号，紧接着这个自执行函数的话，JS会错误地把前后代码合并成一个表达式，导致报错。比如：

// 前面的脚本漏写了分号
var someFunc = function() {}
// 没有开头分号的话，下面的代码会被错误解析
(function($) { ... })(jQuery)

上面的代码会被解析成var someFunc = function() {} (function($) { ... })(jQuery)，这显然会触发语法错误。加个开头的分号，就能强制把前后代码隔开，彻底避免这种因他人代码不规范引发的问题。

自执行匿名函数（IIFE）的意义 #

整个(function($) { ... })(jQuery)是立即执行函数表达式（简称IIFE），主要有两个作用：

• 隔离作用域：函数内部声明的变量、方法只会在这个局部作用域里生效，不会污染全局命名空间，避免和其他脚本的变量名冲突。
• 别名jQuery：把全局的jQuery对象作为参数传入函数，内部用$作为它的别名。这样即使页面里有其他库（比如Prototype）占用了$这个全局变量，FancyBox内部依然可以安全地用$来操作jQuery，不会出现冲突。

关于jQuery扩展的说明 #

你的判断没错，这段代码确实是在给jQuery扩展功能：

• 源码里的$.fancybox = function(obj) { ... }是给jQuery的全局对象添加了一个静态工具方法，可以直接通过$.fancybox()调用。
• 而你实际使用的$(".myClass").fancybox()是jQuery的实例方法，这意味着旧版FancyBox的完整源码里肯定还有一段类似$.fn.fancybox = function(options) { ... }的代码（你贴的片段可能不全），把方法挂载到$.fn上后，jQuery选择器返回的DOM元素集合才能调用这个方法。

内容的提问来源于stack exchange，提问作者esims