1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <body> 8 <script> 9 var foo; 10 // 若是没有下面这一行，foo为函数，若是有得话foo= xx会覆盖掉function foo() 11 foo = 1; 12 function foo(){ 13 alert("11") 14 } 15 console.log(typeof foo); 16 17 </script> 18 </body> 19 </html>
再看一个:
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <body> 8 <script> 9 var foo; 10 // 若是没有下面这一行，foo为函数，若是有得话foo= xx会覆盖掉function foo() 11 foo = function (){alert(22)}; 12 function foo(){ 13 alert("11") 14 } 15 foo() 16 17 </script> 18 </body> 19 </html>
若var声明了某一个变量（如foo）；代码后面被function重新声明，若foo此时没有被赋值，此时foo为函数，如foo被赋值，如（foo=xxxx），foo的函数声明会被覆盖掉