浅谈js中同名函数和同名变量的执行问题

在JavaScript中，当变量和函数名称相同时，可能会引起执行顺序和结果不符合我们的预期，这是由于JavaScript的变量提升和作用域链的特性导致的。

首先，JavaScript有变量提升的特性，即在执行代码之前，所有的变量声明都会被提升到当前作用域的顶部，而函数声明会被提升至整个作用域的顶部，可以理解为在任何代码执行前就已经被解析和处理了。这也就意味着，即使在函数执行之前，函数名称也会被解析为函数对象，所以即使函数定义在变量后面，在执行时也能够正确地调用该函数。

其次，JavaScript中有作用域链的概念。每个函数都有自己的作用域，在函数执行时，会先从当前函数的作用域中查找变量和函数，如果找不到，则会沿着作用域链向上查找，直到找到该变量或函数，或者到达全局作用域为止。

基于以上两点，当我们在同一作用域内定义同名函数和变量时，会出现以下几种情况：

1. 函数和变量名称相同且为函数声明

此时会先进行函数声明的变量提升，所以变量声明会被忽略掉，然后在执行代码时，会优先执行函数声明。例如：

function test(){
  console.log("我是函数");
}
var test = "我是变量";
test(); // 输出：TypeError: test is not a function

2. 函数和变量名称相同且为变量声明

此时会先进行变量声明的提升，所以函数声明被忽略掉，然后在执行代码时，会执行变量定义的值。例如：

var test = "我是变量";
function test(){
  console.log("我是函数");
}
console.log(test); // 输出："我是变量"

3. 函数和变量名称相同且为函数表达式

此时仍然会先进行变量声明的提升，但是函数表达式只有在解析到该行代码时才会被创建，因此在执行函数表达式前，变量的值为undefined，而后面执行函数表达式时，函数会覆盖掉该变量的值。例如：

var test = function(){
  console.log("我是函数");
};
test = "我是变量";
console.log(test); // 输出："我是变量"
test(); // 报错：test is not a function

总之，在JavaScript中，当定义同名函数和变量时，应尽量避免出现同名的情况，以免出现不可预期的执行结果和 bug。同时，为了代码的可读性和可维护性，也应该尽量避免使用函数声明，而是采用函数表达式的方式来定义函数。