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

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

yuyutoo 2025-01-16 21:30 4 浏览 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构造函数定义的函数确不同,构造函数被调用一次,其中的函数体字符串都要被解析一次。

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

    相关推荐

    建筑福利-pdf转dwg格式转换器,再也不用描图-极客青年

    作为一名经常熬夜画图的建筑狗或者cad用户,你体验过pdf图纸描图到cad吗?前几天一个老同学找我,说他的毕业设计需要我帮忙,发给我一份pdf图纸文件,问我怎么把pdf图纸转换成dwg格式。机智的我灵...

    想学 HTML,不知从何入手?看完这篇文章你就知道了

    很多人都说HTML是一门很简单的语言,看看书,看看视频就能读懂。但是,如果你完全没有接触过,就想通过看一遍教程,背背标签,想要完全了解HTML,真的有点太天真了。HTML中文...

    「前端」HTML之结构

    今天继续为大家分享前端的知识,如果对前端比较感兴趣的小伙伴,可以关注我,我会更大家继续分享更多与前端相关的内容,当然如果内容中又不当的或者文字错误的,欢迎大家在评论区留言,我会及时修改纠正。1.初识H...

    手把手教你使用Python网络爬虫下载一本小说(附源码)

    大家好,我是Python进阶者。前言前几天【磐奚鸟】大佬在群里分享了一个抓取小说的代码,感觉还是蛮不错的,这里分享给大家学习。...

    用于处理pdf文件格式的转换器

    在上传过程中如果单个文件太大则容易中断,而且文件太大的话对与存储也有些弊端。那么我们应该想到将文件进行压缩(注意这里压缩指的是不改变文件格式的压缩,而不是用变成压缩文件。这里就将以下用专门的软件压缩P...

    乐书:在线 Kindle 电子书制作和转换工具

    之前Kindle伴侣曾推荐过可以在Windows和Mac系统平台上运行的kindle电子书制作软件Sigil(教程),用它可以制作出高质量的的ePub格式电子书,当然最后还需要通...

    付费文档怎么下载?教你5种方法,任意下载全网资源

    网上查资料的时候,经常遇到需要注册登录或者付费的才能复制或者是下载,遇到这种情况大多数人都会选择重新查。...

    捡来的知识!3种方法随便复制网页内容,白嫖真香呀

    网上的资源真的多,所以许多人常常会从网上找资料。我们看到感兴趣的内容,第一时间可能会想要收入囊中。比如说截个图啊,或者挑选有意思的句子复制粘贴,记录下来。可是,有些时候,却会遇到这样的情况:1、内容不...

    AI的使用,生成HTML网页。

    利用deepseek,豆包,kimi以及通义千问,写入相同的需求。【写一个网页,实现抽奖功能,点击“开始”,按键显示“停止”,姓名开始显示在屏幕上,人员包括:“张三”,“里斯”,“Bool”,“流水废...

    pdf转换成jpg转换器 4.1 官方正式版

    pdf转换成jpg工具软件简介pdf转换成jpg转换器是一款界面简洁,操作方便的pdf转换成jpg转换器。pdf转换成jpg转换器可以将PDF文档转换为JPG,BMP,GIF,PNG,TIF图片文件。...

    办公必备的office转换成pdf转换器怎么用?

    2016-02-2415:53:37南方报道网评论(我要点评)字体刚从校园走出社会,对于快节奏的办公环境,难免会觉得有些吃力。在起步阶段力求将手头上的事情按时完工不出错,但是渐渐的你会发现,别人只...

    为什么PDF转Word大多要收费?

    PDF转Word大多都要收费?并非主要是因为技术上的难度,而是基于多方面的商业和版权考虑的,下面给大家浅分析下原因:...

    如何用python生成简单的html report报告

    前提:用python写了一个简单的log分析,主要也就是查询一些key,value出来,后面也可以根据需求增加。查询出来后,为了好看,搞个html表格来显示。需要的组件:jinja2flask...

    学用系列|如何搞定word批量替换修改和格式转换?这里一站搞定

    想必不少朋友都会碰到批量修改word文档内容、压缩文档图片、文件格式转换等重复性文档处理工作的需要,今天胖胖老师就推荐给大家一个免费工具XCLWinKits,一站搞定你所有的需要。什么是XCLWinK...

    这款PDF文档转换神器,能帮你解决PDF使用中的许多难点

    不管是平时的学习还是工作,相信许多朋友都经常接触PDF文件。可以说,PDF文件在我们的日常办公学习过程中的重要性和Word文档一样重要。在之前的更新中,小编介绍了几款非常不错的PDF文档格式转换软件,...

    取消回复欢迎 发表评论: