【js函数与作用域】（一）函数与对象声明重名

看一个例子：

// 函数与变量同名
var foo = "var";
function foo() {
  return "function";
}
console.log(foo); //"var"
foo();//因为foo不是函数类型，不能被执行
//报错foo is not a function

1. var foo = "var";会被拆分为变量声明——var foo和变量赋值——foo = "var";
2. 函数声明和定义会被提升到最顶部，变量声明会被提升到次顶部

因此上述代码等价于：

//等价于
function foo() {
    return "function";
  }
var foo;//因为有同名函数，不起作用
foo="var";//修改了变量foo的值

再深一层分析：
3. 函数与变量同名同名时，函数的声明会使得同名变量的声明失效，也就是说函数声明置顶比变量声明置顶更优先。
4. 但是给变量赋值会覆盖函数的定义

因此，执行完这段代码以后，变量对象中的foo已经变成了一个字符串，不是函数，自然也不能被执行，执行这个foo浏览器会报错。
参考：https://blog.csdn.net/kontar123/article/details/83508740