基础编程风格
新建 test.html 和 test.js和 main.js和
无论哪种顺序
<body> <script src="/Sandeep/js/jquery.min.js"></script> <script src="/Sandeep/js/main.js"></script> <script src="/Sandeep/js/test.js"></script> </body> <body> <script src="/Sandeep/js/jquery.min.js"></script> <script src="/Sandeep/js/main.js"></script> <script src="/Sandeep/js/test.js"></script> </body>
说明:都是先运行的是test.js里面方法,后运行main.js里面方法
//main.js
1 ;(function(factory){ 2 debugger 3 console.log("test1"); 4 console.log(factory); 5 }(function($){ 6 console.log("test2"); 7 })); //代码解读 test.js //1.最外层一个括号(第1行和第7行),是javascript的自运行语法,它在浏览器加载这个js文件后触发运行,是在$(function(){...});之前运行的 //2.第5行又跟一个括号,传入一个function,JS引擎会将会将这个第5行的function传入第1行function中,换句话,第5行的小括号又触发了JS引擎运行将这个function传入了第1行方法
//main.js $(function(){ 'use strict'; debugger console.log("main.js"); });