记录js的四种函数写法

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>demo</title>
 6 <script type="text/javascript">
 7 /** 函数位置不同，执行的方式也不同 */
 8 function fn4(){
 9     for    (var i=0; i<5; i++){
10         console.log('fn4');
11     }
12 }
13 </script>
14 </head>
15 
16 <body>
17 <button type="button" name="btn1" id="btn1">执行循环一</button>
18 <button type="button" name="btn2" id="btn2">执行循环二</button>
19 <button type="button" name="btn3" id="btn3">执行循环三</button>
20 <button type="button" name="btn4" id="btn4" onclick="fn4();">执行循环四</button>
21 
22 <script type="text/javascript">
23 /** 第一种函数 */
24 var fn1 = function(){
25     for (var i=0; i<5; i++)
26     {
27         //for (var j=0; j<100; j++);
28         console.log('fn1');
29     }
30 }
31 /** 第二种函数 */
32 function fn2() {
33     for (var i=0; i<2; i++)
34     {
35         //for (var j=0; j<100; j++);
36         console.log('fn2');
37     }
38 }
39 
40 document.getElementById('btn1').onclick = fn1;
41 
42 document.getElementById('btn2').onclick = fn2;
43 
44 /** 第三种函数*/
45 
46 document.getElementById('btn3').onclick = function() {
47     for (var i=0; i<4; i++)
48     {
49         //for (var j=0; j<100; j++);
50         console.log('fn3');
51     }    
52 };
53 
54 </script>
55 </body>
56 </html>