javascript - js 函数和变量的hoisting，第二段里面的函数为啥fly没有提升？-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - js 函数和变量的hoisting，第二段里面的函数为啥fly没有提升？

天蓬老师 2017-04-10 17:46:34

[JavaScript讨论组]

644

函数声明方式提升【成功】

function test(){
    foo();
    function foo(){
        console.info("I am foo!")
    }
}
test();

函数表达式方式提升【失败】

function test(){
    foo();//Uncaught TypeError: foo1 is not a function(…)
    fly();//VM83:1 Uncaught ReferenceError: fly is not defined(…)
   var foo =function fly(){
        console.info("I am foo!")
    }
}
test();

第二段里面的函数为啥fly没有提升，不也是声明式的吗？为啥一个是TypeError，fly是ReferenceError？

天蓬老师

欢迎选择我的课程，让我们一起见证您的进步~~

全部回复(2)

PHP中文网2017-04-10 17:48:34 2楼

函数声明会提升，但是函数表达式不会。变量声明会提升，所以你执行foo()的时候foo是undefined不是函数所以会告诉你TypeError。

var foo =function fly(){
    console.info("I am foo!")
}

这种写法叫命名函数表达式，fly仅仅在函数体内可以访问。所以在外面使用告诉你ReferenceError

赞 +0

添加回复

迷茫2017-04-10 17:48:34 1楼

搞清楚实际的运行顺序很关键，实际如下

function test(){
    var foo;
    foo();
    fly();
    foo =function fly(){
        console.info("I am foo!")
    }
}
test();

变量声明会提前，而赋值不会提升，运行到foo()时 foo 是 undefined，所以Uncaught TypeError: foo is not a function，删除这一句接着报错，因为接下来的fly()执行时还没有进行赋值(注意：就算赋值成功也无法通过fly()获取方法)，因为此时只能调用到foo()，

你的代码可以修改如下

function test(){
    var foo =function fly(){
        console.info("I am foo!")
    }
    foo();
}
test();

望采纳

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>