看了这个才发现jQuery源代码不是那么晦涩
?
很多人觉得jquery、ext等一些开源js源代码 十分的晦涩，读不懂，遇到问题需要调试也很费劲。其实我个人感觉主要是有几个方面的原因：
1、对一些js不常用的语法、操作符不熟悉
2、某个function中又嵌套了一些内部的function，使得整个代码的层次结构不像java代码那么清晰。
3、js中允许变量先使用后定义，会造成我们看代码时候忽然冒出来一个变量、function，却找不到是在哪里定义的。
?
那么今天给大家分享一下我的经验，扫清你的障碍。
一、一些晦涩的操作符：
1、(function(){})();
几乎所有的开源js代码开篇都是这样(function(……){……})(……);
下面是Jquery的部分源码：
?
//结果：弹出“对了，输入为king！”，nameErrorTip被隐藏????
return表示中?nameInput.length&&nameInput.val()&&nameErrorTip.length&&msg会先运算?nameInput.length的值，如果length为0则表达式为假值，如果为1则为真值。val()操作也是如此，如果val()结果为""则表达式也是假值。几个表达式之间为&&运算，则表示依次运算几个表达式的值，如果都未真值则返回最后一个表达式的值，由于整个表达式与
"没有找到name输入框或者输入框没有值！"
表达式之间是||运算，所以前面的表达式其中一个表达式为假值则返回||右侧的表达式的值，也就是整个“没有找到name输入框或者输入框没有值！”字符串。
?
说到这里，我之前写过一篇文章专门说到了&&、||的真值、假值问题。有兴趣的可以去看看。http://my249645546.iteye.com/blog/1553202
?
?
?
谈了这些难以理解的运算符后，大家可能会觉得，这个javascript为什么要搞这些晦涩的运算符呢？
我的理解是因为javascript通常在客户端运行，那么从服务器端将js代码传输到客户端肯定需要耗时。上面的这些运算符都是为了减少代码量。再加上使用压缩工具去掉空格，替换变量名，就可以使用压缩率达到最好。
?
?
最后，为了帮助我们更快的找到变量定义、理清代码整体结构，给大家推荐一个eclipse的js插件：Spket，支持jQuery代码提示哦！