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