百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

定义JS函数与函数声明、Function构造函数、函数表达式

yuyutoo 2025-01-16 21:30 6 浏览 0 评论

定义一个JavaScript函数有多种方式,其中function函数声明、Function构造函数创建、函数表达式是3种比较常用的方式,ECMAScript 6标准中又规定了几种新的函数定义方式。在JavaScript中每个函数都是一个Function对象,它不仅能像对象一样拥有属性和方法,而且可以被调用。

1. 函数的定义

1.1 三种函数定义方式

定义一个函数有多种方法:

函数声明 (函数语句)

使用函数声明(函数语名句)定义一个函数语法如下:

function name([param,[, param,[..., param]]]) { statements }

    • name - 函数名

    • param - 传递给函数的参数,最多有255个

    • statements - 函数体

    函数表达式

    函数表达式和函数声明非常类似,不同的是函数表达式可以省略函数名,从而定义一个匿名函数。

    函数表达式语法结构如下:

    function [name]([param1[, param2[, ..., paramN]]]) { statements }

    • name - 函数名。可以省略,省略时即为匿名函数。

    • param - 传递给函数的参数,最多有255个

    • statements - 函数体

    Function构造函数

    也可以使用new操作符通过Function构造函数创建:

    new Function ([arg1[, arg2[, ...argN]],] functionBody)

    • arg1, arg2, ... argN - 函数使用的参数

    • functionBody - 一个表示函数定义的JavaScript语句的字符串。

    1.2 ES6中新增的函数定义方式

    在ES 6(ECMAScript 2015)中新增了“Generator函数”(生成器函数),这种函数同样有三种定义方式:

    生成器函数声明 - function* 语句

    类似与函数声名,只是需要在function关键字后面增加一个"*"号:

    function* name([param[, param[, ...param]]]) {statements }

    生成器函数表达式 - function* 表达式

    同样的,生成器函数也可以使用表达式定义的方式:

    function* [name]([param] [, param] [..., param]) { statements }

    生成器函数构造函数 - GeneratorFunction

    new GeneratorFunction (arg1, arg2, ... argN, functionBody)

    箭头函数-"=>"

    除了生成器函数外,ES6中还新增了一种更简短的函数定义方式-箭头函数:

    ([param] [, param]) => { statements } param => expression

    • param - 函数参数

    • statements 或 expression - 声明多个语句时需要用大括号括起来,而单个表达式则不用。

    2. 函数声明、Function构造函数、函数表达式的比较

    函数声明、Function构造函数、函数表达式几种函数定义示例如下:

    构造函数使用字符串做为函数体,这会阻止JS引擎的语法检查及优化等。因此,不推荐使用这种定义方式。而函数声明与函数表达式非常类似,但还是存在一些差别。这三种方式主要有以下几个方面的差别:

    函数变量可以再赋值

    使用函数声明定义的函数名不能被改变,而使用函数表达式定义的函数变量可以再被赋值。当函数表达式使用函数名时,这个名称只能在函数体内使用,在其它位置使用将会报错:

    var y = function x() {};
    alert(x); // throws an error

    而'new Function'定义时没有函数名,所以也不能在其内部访问。

    函数声名会带来作用域的提升

    函数声名会带来作用域的提升,所在可以在函数声名前使用函数声名中的函数名:


    函数表达式会创建一个闭包,它定义的函数继承了当前的作用域,并不会有作用域的提升:


    而Function构造函数不会继承全局作用哉以外的任何作用域。

    Function构造函数定义的函数会被解析多次

    通过函数表达式定义的函数和通过函数声明定义的函数只会被解析一次。Function构造函数定义的函数确不同,构造函数被调用一次,其中的函数体字符串都要被解析一次。

    虽然函数表达式每次都创建了一个闭包,但函数体不会被重复解析,因此仍然比构造函数定义的函数要快。

    相关推荐

    .NET 奇葩问题调试经历之3——使用了grpc通讯类库后,内存一直增长......

    ...

    全局和隐式 using 指令详解(全局命令)

    1.什么是全局和隐式using?在.NET6及更高版本中,Microsoft引入了...

    请停止微服务,做好单体的模块化才是王道:Spring Modulith介绍

    1、介绍模块化单体是一种架构风格,代码是根据模块的概念构成的。对于许多组织而言,模块化单体可能是一个很好的选择。它有助于保持一定程度的独立性,这有助于我们在需要的时候轻松过渡到微服务架构。Spri...

    ASP.NET程序集引用之痛:版本冲突、依赖地狱等解析与实战

    我是一位多年后端经验的工程师,其中前几年用ASP.NET...

    .NET AOT 详解(.net 6 aot)

    简介AOT(Ahead-Of-TimeCompilation)是一种将代码直接编译为机器码的技术,与传统的...

    一款基于Yii2开发的免费商城系统(一款基于yii2开发的免费商城系统是什么)

    哈喽,我是老鱼,一名致力于在技术道路上的终身学习者、实践者、分享者!...

    asar归档解包(游戏arc文件解包)

    要学习Electron逆向,首先要有一个Electron开发的程序的发布的包,这里就以其官方的electron-quick-start作为例子来进行一下逆向的过程。...

    在PyCharm 中免费集成Amazon CodeWhisperer

    CodeWhisperer是Amazon发布的一款免费的AI编程辅助小工具,可在你的集成开发环境(IDE)中生成实时单行或全函数代码建议,帮助你快速构建软件。简单来说,AmazonCodeWhi...

    2014年最优秀JavaScript编辑器大盘点

    1.WebstormWebStorm是一种轻量级的、功能强大的IDE,为Node.js复杂的客户端开发和服务器端开发提供完美的解决方案。WebStorm的智能代码编辑器支持JavaScript,...

    基于springboot、tio、oauth2.0前端vuede 超轻量级聊天软件分享

    项目简介:基于JS的超轻量级聊天软件。前端:vue、iview、electron实现的PC桌面版聊天程序,主要适用于私有云项目内部聊天,企业内部管理通讯等功能,主要通讯协议websocket。支持...

    JetBrains Toolbox推出全新产品订阅授权模式

    捷克知名软件开发公司JetBrains最为人所熟知的产品是Java编程语言开发撰写时所用的集成开发环境IntelliJIDEA,相信很多开发者都有所了解。而近期自2015年11月2日起,JetBr...

    idea最新激活jetbrains-agent.jar包,亲测有效

    这里分享一个2019.3.3版本的jetbrains-agent.jar,亲测有效,在网上找了很多都不能使用,终于找到一个可以使用的了,这里分享一下具体激活步骤,此方法适用于Jebrains家所有产品...

    CountDownTimer的理解(countdowntomars)

    CountDownTimer是android开发常用的计时类,按照注释中的说明使用方法如下:kotlin:object:CountDownTimer(30000,1000){...

    反射为什么性能会很慢?(反射时为什么会越来越长)

    1.背景前段时间维护一个5、6年前的项目,项目总是在某些功能使用上不尽人意,性能上总是差一些,仔细过了一下代码发现使用了不少封装好的工具类,工具类里面用了好多的反射,反射会影响到执行效率吗?盲猜了一...

    btrace 开源!基于 Systrace 高性能 Trace 工具

    介绍btrace(又名RheaTrace)是抖音基础技术团队自研的一款高性能AndroidTrace工具,它基于Systrace实现,并针对Systrace不足之处加以改进,核心改进...

    取消回复欢迎 发表评论: