zoukankan      html  css  js  c++  java
  • JS中函数定义和函数表达式的区别

    摘要: (function() {})();和(function(){}());的区别

    Javascript中有2个语法都与function关键字有关,分别是:

    函数定义:function FunctionName(FormalParameterList) { FunctionBody }

    函数表达式:function [FunctionName](FormalParameterList) { FunctionBody }

    从语法的定义上看,这两者几乎是一模一样的(唯一的区别是函数表达式可以省略函数名称),那么就解释器而言,当遇到这个结构的语句时,判定为函数表达式还是函数定义呢?

    就javascript的语法而言,如果一条语句是以function关键字开始,那么这段会被判定为函数定义。而函数定义是不能被立即执行的,这无疑会导致语法的错误(SyntaxError),因此就必须有一个办法,使解析器可以将之识别为函数表达式。

    前面已经说到,解析器识别函数定义的条件是以function关键字开始,那么自然,只要在function关键字的前面有任何其他的元素,就会从函数定义转变为函数表达式,以下方法都是可以的,这个大家都知道:

    ~function() {}();

    !function() {}();

    void function() {}();

    但是这几个方法都有一个特点,就是看起来很别扭,所以现在为止,以括号包裹成了比较公认的方案

    回到正题,括号包裹同样有2个方式:(function() {})();和(function(){}());

    他们的共通点是:都有括号。而括号在javascript中有2种作用:确立运算优先级,以及分组运算符,从代码上看,显然没有进行数学或逻辑运算,因此我认为这里的括号属于分组运算符。

    根据标准,分组运算符的作用是:

    Return the result of evaluating Expression. This may be of type Reference. 

    返回评估括号中的表达式的结果。结果可能是Reference类型。

    抛开像Reference类型这种词汇,这里的一个关键词应当是“ 评估 ”,但是关于分组运算符,又有一个很重要的下文:

    This algorithm does not apply GetValue to the result of evaluating Expression.

    这个算法不会对估算的结果使用GetValue。

    有很多专用的名词,看起来确实复杂,简而言之,使用括号运算符本身不会让括号中的代码立即执行,只有当括号包含的这个“分组”参与其他运算时,才会执行。因此,(function(){})()这个语句,其实是首先用分组运算符评估了一个函数表达式,随后参与“函数调用”。而(function(){}())这个语句,则是用分组运算符评估了一个函数调用,随后由于语句的结束而被执行。

  • 相关阅读:
    Selenium入门15 截图
    selenium入门14 窗口切换
    Locust的官网及安装
    命令行输入Jmeter提示不是内部或外部命令,处理方式:添加环境变量
    python pip安装报错python setup.py egg_info failed with error code 1
    Selenium入门13 cookie的增删改查
    Selenium入门12 鼠标和键盘事件
    Selenium入门11 滚动条控制(通过js)
    Selenium入门10 弹出框的处理 switch_to.alert
    Selenium入门9 上传文件
  • 原文地址:https://www.cnblogs.com/lenther2002/p/5894964.html
Copyright © 2011-2022 走看看