zoukankan      html  css  js  c++  java
  • JavaScript 函数声明与函数表达式的区别 函数声明提升(function declaration hoisting)

    解析器在向执行环境中加载数据时,对函数声明和函数表达式并非一视同仁。解析器会率先读取函数声明,并使其在执行任何代码之前可用(可以访问)。至于函数表达式,则必须等到解析器执行到它所在的代码行,才会真的被解释执行。例子:

    alert (sum(10,10));
    function sum (num1, num2) {
        return num1 + num2;
    }

    以上代码完全可以正常运行。因为在代码开始执行之前,解析器就已经通过一个名为函数声明提升(function declaration hoisting )的过程,读取并将函数声明添加到执行环境中。对代码求值时,JavaScript引擎在第一 遍会声明函数并将它们放到源代码树的顶部。所以,即使声明函数的代码在调用它的代码后面,JavaScript引擎也能把函数声明提升到顶部。

    如果像下面例子所示的,把上面的函数声明改为等价的函数表达式,就会在执行期间导致错误。

    alert (sum(10,10));
    var sum = function (num1, num2) {
        return num1 + num2;
    }

    以上代码之所以会在运行期间产生错误,原因在于函数位于一个初始化语句中, 而不是个函数声明。换句话说,在执行到函数所在的语句之前,变量sum中不会保存有对函数的引用;而且,由于第一行代码就会导致 “unexpected identifier” (意外标识符)错误,实际上也不会执行到下一行。
    除了什么时候可以通过变量访问函数这一点区别之外, 函数声明与函数表达式的语法其实是等价的。

     函数声明与函数表达式的差异是由于JavaScript的声明提前机制对于var 和 function 关键字的操作不同造成的。可以了解一下JavaScript 声明提前机制这篇博客。

  • 相关阅读:
    JAVA基础知识之多线程——线程通信
    为Apache配置虚拟机Virtual Host
    SignalR的坑爹细节
    ashx入侵
    aspnet5安装ef7备忘
    aspnet5备忘
    NHibernate初步使用
    MVC中发生System.Data.Entity.Validation.DbEntityValidationException验证异常的解决方法
    关于NLog的target和Layout
    泛型约束的大概模样
  • 原文地址:https://www.cnblogs.com/weiyalin/p/9399317.html
Copyright © 2011-2022 走看看