Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >函数表达式在JavaScript中是如何工作的?

函数表达式在JavaScript中是如何工作的?

作者头像
王小婷
发布于 2023-10-23 01:18:52
发布于 2023-10-23 01:18:52
46600
代码可运行
举报
文章被收录于专栏:编程微刊编程微刊
运行总次数:0
代码可运行

在JavaScript中,函数表达式是一种将函数赋值给变量的方法。函数表达式可以出现在代码的任何位置,而不仅仅是函数声明可以出现的位置。函数表达式的语法如下:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var myFunction = function() {
  // 函数体
};

上述代码中,将一个匿名函数赋值给变量myFunction。这意味着myFunction变量现在持有了一个函数作为其值。

函数表达式的工作方式如下:

1:变量声明:使用var、let或const关键字声明一个变量,例如myFunction。

2:函数赋值:将一个函数赋值给该变量。函数可以是匿名函数,也可以是具名函数。

3:函数调用:通过变量名加上括号来调用函数,例如myFunction()。

函数表达式的特点:

1:匿名函数:函数表达式可以是匿名函数,即没有函数名。在这种情况下,函数只能通过变量名来调用。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var sayHello = function() {
  console.log("Hello");
};
sayHello(); // 输出 "Hello"

2:具名函数表达式:也可以为函数表达式提供一个函数名。这样的函数在函数内部和外部都可以通过函数名来调用自身。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var factorial = function fact(n) {
  if (n === 0) {
    return 1;
  }
  return n * fact(n - 1);
};

console.log(factorial(5)); // 输出 120
console.log(fact(5)); // 报错,fact is not defined

函数表达式和函数声明有一些重要的区别。 函数声明会被提升到作用域的顶部,而函数表达式不会被提升。因此,在使用函数表达式之前,需要确保该表达式已经被赋值。此外,函数表达式还可以根据需要在运行时动态创建函数,具有更大的灵活性。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-10-22,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
函数表达式
定义函数的方式有两种:第一种是“函数声明”,另一种就是“函数表达式”。 “函数声明”会被提升,意味着把函数声明放在调用它的语句后面。 示例1:
奋飛
2019/08/15
5060
函数声明与函数表达式
定义一个函数的方法主要有三种 函数声明、函数表达式、new Function构造函数,函数声明与函数表达式定义的函数较为常用,构造函数的方式可以将字符串定义为函数。
WindRunnerMax
2020/08/27
5730
JavaScript进阶-函数表达式与闭包
在JavaScript的世界里,函数不仅是执行特定任务的代码块,它们还拥有独特的属性和行为,如函数表达式和闭包,这些特性极大地丰富了语言的功能和灵活性。本文将深入浅出地探讨这两个概念,揭示它们的工作原理、常见问题、易错点及避免策略,并通过实例代码加深理解。
Jimaks
2024/06/19
1120
JavaScript进阶-函数表达式与闭包
【JavaScript】函数 ⑦ ( 函数定义方法 | 命名函数 | 函数表达式 )
在 函数表达式 中 , 可以将 匿名函数 赋值给一个变量 , 上面的语法结构就是 将 匿名函数 赋值给 变量 的 语法 ;
韩曙亮
2024/04/09
2850
【JavaScript】函数 ⑦ ( 函数定义方法 | 命名函数 | 函数表达式 )
IIFE 立即执行函数表达式
IIFE全称为Immediately Invoked Function Express-立即执行函数(表达式),顾名思义,是在定义之后立即执行的函数。IIFE主要以保护变量范围著称,时候也会被称为“自执行的匿名函数”(self-executing anonymous function)。
泯泷、
2024/03/11
1360
浅谈自执行函数(立即调用的函数表达式)
既然函数名加上括号fun1()就是执行函数。 思考:直接取赋值符号右侧的内容直接加个括号,是否也能执行? 试验如下,直接加上小括弧:
celineWong7
2020/11/05
3.6K0
javascript中函数声明和函数表达式浅析
记得在面试腾讯实习生的时候,面试官问了我这样一道问题。 //下述两种声明方式有什么不同 function foo(){}; var bar = function foo(){};  当初只知道两种声明方式一个是函数声明一个是函数表达式,具体有什么不同没能说得很好。最近正好看到这方面的书籍,就想好好总结一番。 在ECMAScript中,有两个最常用的创建函数对象的方法,即使用函数表达式或者使用函数声明。对此,ECMAScript规范明确了一点,即是,即函数声明 必须始终带有一个标识符(Identifier)
Sb_Coco
2018/05/28
9582
JS 中的函数表达式和函数声明你混淆了吗?
在 JavaScript 中,function关键字可以完成一个简单的工作:创建一个函数。 但是,使用关键字定义函数的方式可以创建具有不同属性的函数。
前端小智@大迁世界
2022/06/15
7800
Javascript的函数声明和函数表达式
先看下面这个经典问题,在一个程序里面同时用函数声明和函数表达式定义一个名为getName的函数
前端黑板报
2019/09/19
5740
立即执行函数表达式(IIFE)
原文:immediately-invoked-function-expression 译者:nzbin 也许你还没有注意到,我是一个对术语比较坚持的人。因此,在听到很多次比较流行却容易产生误导的 JavaScript 术语“自执行匿名函数”之后,最终我决定把我的想法写成一篇文章。 为了提供关于这一模式如何运作的透彻信息,我已经提出了我们应该如何称呼它的建议,继续向下看。当然,如果你想跳过开头,你可以只看“自执行函数表达式”这一节,但是我建议你看完整篇文章。 请明白这篇文章并非要表达“我是对的,你是错的”
叙帝利
2018/01/17
9450
函数声明与函数表达式
函数声明:直接声明一个函数 function fnName() {};function声明必须有方法名,而出现在表达式里的方法名都会被忽略。
meteoric
2018/11/15
7940
JavaScript立即执行函数的解释分析(2)—函数表达式与函数声明的区别
上次我们聊了聊表达式与语句的区别,这次我们说说函数表达式与函数声明,上次虽然提到过这两点,但是并没有很详细的讲,这次要专门聊聊了!
FEWY
2019/05/26
5780
浅谈JavaScript的函数表达式(闭包)
  前文已经简单的介绍了函数的闭包。函数的闭包就是有权访问另一个函数作用域的函数,也就是函数内部又定义了一个函数。 1 var Super=function(num){ 2 var count=num; 3 return function(){ 4 console.log(count); 5 } 6
水击三千
2018/02/27
6530
JavaScript(js)函数声明与函数表达式的区别
在JavaScript中,函数是经常用到的,在实际开发的时候,我想很多人都没有太在意函数的声明与函数表达式的区别,但是呢,这种细节的东西对于学好js是非常重要的。
全栈学习笔记
2022/03/31
8380
JavaScript 模式》读书笔记(4)— 函数1
  从这篇开始,我们会用很长的章节来讨论函数,这个JavaScript中最重要,也是最基本的技能。本章中,我们会区分函数表达式与函数声明,并且还会学习到局部作用域和变量声明提升的工作原理。以及大量对API、代码初始化、程序性能等有帮助的模式。
zaking
2020/03/26
4060
一篇文章带你了解JavaScript中的函数表达式,递归,闭包,变量,this对象,模块作用域
它的一个重要特点就是:函数声明提升,就是在执行代码前先读取函数声明,可以把函数声明放在调用它的语句后。
达达前端
2020/01/02
6150
JavaScript-立即调用函数表达式(IIFE)
(2)【注意】JavaScript引擎规定,如果function关键字出现在行首,一律解释成函数声明语句
WEBING
2019/03/13
1.2K0
JavaScript-立即调用函数表达式(IIFE)
JavaScript函数(二)
在前面我们已经对函数作了简单的介绍,比如函数的定义、函数的声明、函数的调用和函数的传参等。本节将进一步介绍函数的应用,深度理解函数的各种使用。 函数是一个对象,每个函数时Function类型的一个实例,与其他引用类型一样有属性和方法。由于函数时对象,因此函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定。函数通常是函数声明语法定义的。 function sum(x,y){ return x+y; } 上面使用函数声明语法定义的。
水击三千
2018/02/27
6690
函数与作用域
1.函数声明和函数表达式有什么区别 函数就是一段可以反复调用的代码块。函数还能接受输入的参数,不同的参数会返回不同的值。 JavaScript有三种方法,可以声明一个函数。 1.function命令 function命令声明的代码区块,就是一个函数。function命令后面是函数名,函数名后面是一对圆括号,里面传入函数的参数。函数体放在大括号里面。 function add(s) { console.log(s) } 上面的代码命名了一个print函数,以后使用print()这种形式,就可以调用相应
小胖
2018/06/27
8620
Immediately-Invoked Function Expression (IIFE)即调函数表达式
以防你没有注意到,我先声明下:我总是要求术语。所以,在听到许多次 流行的,但是让人误解的 JavaScript术语“self-executing anonymous function自我执行匿名函数(或者self-invoked anonymous function自我调用匿名函数)”之后,最终我决定把我的想法组织成一篇文章。 除了提供一些关于IIFE这个模式的非常详细的信息,我也在‘我们该如何称呼它’上 做了建议。此外,如果你想跳到前面,你可以只查看下面的Immediately-Invoked Function Expressions部分,但是我建议读完整篇文章。 这篇文章不是想表达“我是对的,你是错的”,这类的事情。我是真的对“帮助其他人理解潜在地复杂概念”感兴趣,并且觉得“使用一致和准确的术语是人们可以做的促进理解 最简单的事情”。
lesM10
2019/08/26
8010
相关推荐
函数表达式
更多 >
领券
💥开发者 MCP广场重磅上线!
精选全网热门MCP server,让你的AI更好用 🚀
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验