news 2026/8/29 2:23:29

HoRain云--JavaScript函数定义全攻略

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
HoRain云--JavaScript函数定义全攻略

🎬 HoRain云小助手:个人主页

🔥 个人专栏: 《Linux 系列教程》《c语言教程》

⛺️生活的理想,就是为了理想的生活!


⛳️ 推荐

前些天发现了一个超棒的服务器购买网站,性价比超高,大内存超划算!忍不住分享一下给大家。点击跳转到网站。

专栏介绍

专栏名称

专栏介绍

《C语言》

本专栏主要撰写C干货内容和编程技巧,让大家从底层了解C,把更多的知识由抽象到简单通俗易懂。

《网络协议》

本专栏主要是注重从底层来给大家一步步剖析网络协议的奥秘,一起解密网络协议在运行中协议的基本运行机制!

《docker容器精解篇》

全面深入解析 docker 容器,从基础到进阶,涵盖原理、操作、实践案例,助您精通 docker。

《linux系列》

本专栏主要撰写Linux干货内容,从基础到进阶,知识由抽象到简单通俗易懂,帮你从新手小白到扫地僧。

《python 系列》

本专栏着重撰写Python相关的干货内容与编程技巧,助力大家从底层去认识Python,将更多复杂的知识由抽象转化为简单易懂的内容。

《试题库》

本专栏主要是发布一些考试和练习题库(涵盖软考、HCIE、HRCE、CCNA等)

目录

⛳️ 推荐

专栏介绍

JavaScript 函数定义

主要定义方式

1. 函数声明(函数语句)

2. 函数表达式

3. IIFE (立即调用函数表达式)

4. 箭头函数(ES6新增)

5. 函数生成器声明和表达式(ES6新增)

函数定义的关键特性

示例


JavaScript 函数定义

JavaScript 函数是通过function关键字定义的可重复执行代码块,是 JavaScript 中的基本构建单元。以下是 JavaScript 函数的定义方式和相关特性:

主要定义方式

1. 函数声明(函数语句)

这是最传统的函数定义方式,语法如下:

function name([param1, param2, ..., paramN]) { // 函数体 }

示例:

function displayMessage() { alert("Hello World!"); }

特点:

2. 函数表达式

函数表达式是将函数作为表达式赋值给变量,语法如下:

var functionName = function([param1, param2, ..., paramN]) { // 函数体 };

示例:

var multiply = function(a, b) { return a * b; };

特点:

3. IIFE (立即调用函数表达式)

在函数声明后立即调用的函数表达式:

(function() { // 代码 })();

示例:

(function() { console.log("This function runs immediately!"); })();

4. 箭头函数(ES6新增)

语法简洁,省略了function关键字,使用=>符号:

const name = (param1, param2, ...) => { // 函数体 };

示例:

const multiply = (a, b) => a * b;

特点:

5. 函数生成器声明和表达式(ES6新增)

用于创建生成器函数,可以暂停和恢复执行:

function* name([param1, param2, ..., paramN]) { // 生成器函数体 }

示例:

function* counter() { let i = 0; while(true) { yield i++; } }

函数定义的关键特性

  1. 函数是头等对象:在 JavaScript 中,函数是第一类对象,可以像其他对象一样具有属性和方法。

  2. 函数参数

  3. 函数返回值

  4. 作用域

  5. 函数提升

示例

无参数函数:

function greet() { console.log("Hello, world!"); } greet(); // 调用函数

带参数函数:

function add(a, b) { return a + b; } console.log(add(3, 5)); // 输出 8

箭头函数示例:

const square = x => x * x; console.log(square(4)); // 输出 16

函数是 JavaScript 中的核心概念,掌握函数定义方式对于编写可重用、可维护的代码至关重要。

❤️❤️❤️本人水平有限,如有纰漏,欢迎各位大佬评论批评指正!😄😄😄

💘💘💘如果觉得这篇文对你有帮助的话,也请给个点赞、收藏下吧,非常感谢!👍 👍 👍

🔥🔥🔥Stay Hungry Stay Foolish 道阻且长,行则将至,让我们一起加油吧!🌙🌙🌙

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/8/21 17:08:04

一句话生成会说话的数字人,Live Avatar黑科技实测

一句话生成会说话的数字人,Live Avatar黑科技实测 1. 引言:一句话唤醒一个“活人” 你有没有想过,只需要一句话、一张图、一段声音,就能让一个虚拟人物在屏幕上开口说话,表情自然、口型精准、动作流畅?这…

作者头像 李华
网站建设 2026/8/21 13:51:29

小白也能懂的YOLOv12:官方镜像快速上手指南

小白也能懂的YOLOv12:官方镜像快速上手指南 你是不是也经历过这样的场景?看到一篇目标检测的新论文,兴致勃勃地想跑个demo,结果光是配置环境就卡了三天:依赖冲突、CUDA版本不匹配、PyTorch装不上……最后只能放弃。 …

作者头像 李华
网站建设 2026/8/26 17:49:23

别再骂量化了!这三类散户,正在悄悄靠它赚钱

一、量化交易是敌是友?谈到“量化交易”,许多散户投资者的第一反应可能是厌恶和恐惧。在大家看来,这股由算法驱动的神秘力量似乎总是在市场上兴风作浪,收割着普通投资者。量化交易真的只是百害而无一利吗?凡事都具有两…

作者头像 李华
网站建设 2026/8/21 13:49:41

setprop测试属性验证法,简化调试流程

setprop测试属性验证法,简化调试流程 在Android系统开发过程中,开机启动脚本的调试是一项常见但容易出错的任务。尤其是在涉及Selinux权限、执行路径、脚本语法等问题时,传统通过创建文件或打印日志的方式往往难以快速定位问题。本文将介绍一…

作者头像 李华
网站建设 2026/8/21 13:51:50

iOSDeviceSupport终极解决方案:告别Xcode调试兼容性困扰

iOSDeviceSupport终极解决方案:告别Xcode调试兼容性困扰 【免费下载链接】iOSDeviceSupport All versions of iOS Device Support 项目地址: https://gitcode.com/gh_mirrors/ios/iOSDeviceSupport 还在为Xcode提示"无法定位设备支持文件"而烦恼吗…

作者头像 李华