闭包，随处可见，也是前端知识必备知识之一。了解他，有助于我们对于js的理解。下面举一个非常简单的闭包。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>闭包测试</title> </head> <body> <div onclick="b()">测试中</div> <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript"> $(function(){ function b(){ console.log(1); } }); b(); </script> </body> </html>
会报找不到b的错误；
而我们修改一下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>闭包测试</title> </head> <body> <div onclick="b()">测试中</div> <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script> <script type="text/javascript"> function b(){ console.log(1); } $(function(){ b(); }); </script> </body> </html>
运行正常。
其实调用jQuery的ready方法后，里面和外面就已经是不同的作用域了。
原文：http://www.cnblogs.com/StruggleStudyhard/p/5654076.html