js变量提升机制下重名的问题

最新推荐文章于 2022-07-08 16:20:12 发布

记得要背单词

最新推荐文章于 2022-07-08 16:20:12 发布

阅读量249

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/nowchange/article/details/93807120

本文探讨JavaScript中函数与变量声明重名的现象，解释了在不同声明方式下（使用var、function关键字）如何影响作用域及提升机制，以及如何避免由此产生的运行时错误。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

带var 和 function 关键字声明相同的名字，这也算重名了（其实是一个fn，只是存储值得类型不一样）

fn();//4
    function fn () {
        console.log(1);
    }
    fn();//4
    function fn () {
        console.log(2);
    }
    fn();//4
    var fn=100;
//带var 的在提升阶段只把声明处理了，赋值操作没有处理，所以在代码执行的时候需要完成赋值 fn=100
    fn();// Uncaught TypeError: fn is not a function
    function fn () {
        console.log(3);
    }
    fn();
    function fn () {
        console.log(4);
    }
    fn();

最终结果输出 4 4 4 报错

这也就说明重名如果名字重复，不会重新的声明，但是会重新的定义（重新赋值）[不管是变量提升还是代码执行阶段皆是如此]