zoukankan      html  css  js  c++  java
  • What is the difference between a function expression vs declaration in JavaScript?

     

     
     

    This question already has an answer here:

    What is the difference between the following lines of code?

    //Function declaration
    function foo() { return 5; }
    
    //Anonymous function expression
    var foo = function() { return 5; }
    
    //Named function expression
    var foo = function foo() { return 5; }
    

      

    • What is a named/anonymous function expression?
    • What is a declared function?
    • How do browsers deal with these constructs differently?

    They're actually really similar. How you call them is exactly the same, but the difference lies in how the browser loads them into the execution context.

    function declarations loads before any code is executed.

    While function expressions loads only when the interpreter reaches that line of code.

    So if you try to call a function expression before it's loaded, you'll get an error

    But if you call a function declaration, it'll always work. Because no code can be called until all declarations are loaded.

    ex. Function Expression

    alert(foo()); // ERROR! foo wasn't loaded yet
    var foo = function() { return 5; } 
    

      

    ex. Function Declaration

    alert(foo()); // Alerts 5. Declarations are loaded before any code can run.
    function foo() { return 5; } 
    

      

    As for the second part of your questions.

    var foo = function foo() { return 5; }
    

      

     is really the same as the other two. It's just that this line of code used to cause an error in safari, though it no longer does.

  • 相关阅读:
    python Matplotlib数据可视化神器安装与基本应用
    linux笔记
    appium自动化环境搭建
    C#实现局域网聊天 通讯 Socket TCP 多人
    layui 关闭弹出层方法
    allure生成漂亮的测试报告
    python内置测试框架unittest
    Python安全编程
    Python Web自动化测试
    Docker从入门到放弃
  • 原文地址:https://www.cnblogs.com/hephec/p/4589955.html
Copyright © 2011-2022 走看看