news 2026/6/26 23:15:12

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/6/25 20:46:20

OmenSuperHub终极指南:惠普游戏本性能掌控完全解决方案

OmenSuperHub终极指南:惠普游戏本性能掌控完全解决方案 【免费下载链接】OmenSuperHub 项目地址: https://gitcode.com/gh_mirrors/om/OmenSuperHub 厌倦了官方OMEN Gaming Hub的臃肿体积和频繁弹窗干扰?OmenSuperHub这款开源纯净硬件控制工具将…

作者头像 李华
网站建设 2026/6/18 16:26:51

亲测SenseVoiceSmall,AI情感识别真实体验分享

亲测SenseVoiceSmall,AI情感识别真实体验分享 最近在做语音交互项目时,一直在寻找一款既能准确转写语音,又能理解说话人情绪的模型。市面上大多数语音识别工具还停留在“听清你说什么”的阶段,而我需要的是能“读懂你的情绪”的能…

作者头像 李华
网站建设 2026/6/20 19:42:56

快速启动YOLOE容器,GPU环境配置一步到位

快速启动YOLOE容器,GPU环境配置一步到位 你是否也经历过这样的场景:好不容易找到一个前沿的开放词汇检测模型,结果卡在环境配置上——CUDA版本不匹配、PyTorch编译失败、CLIP依赖冲突、Gradio端口起不来……折腾半天,连第一张图片…

作者头像 李华
网站建设 2026/6/19 12:44:31

Docker build缓存失效真相:87%的“强制更新”其实根本没生效!用docker image history -v反向验证你的每一层是否真被重建(附自动化校验工具)

第一章:Docker build缓存失效的真相与认知误区Docker 构建缓存并非“智能记忆”,而是严格基于构建上下文、指令顺序与内容哈希的确定性机制。许多开发者误以为只要 Dockerfile 未修改,缓存就必然复用;实则任意上游层(如…

作者头像 李华
网站建设 2026/6/23 10:19:50

三分钟掌握m3u8视频下载神器:MediaGo深度体验指南

三分钟掌握m3u8视频下载神器:MediaGo深度体验指南 【免费下载链接】m3u8-downloader m3u8 视频在线提取工具 流媒体下载 m3u8下载 桌面客户端 windows mac 项目地址: https://gitcode.com/gh_mirrors/m3u8/m3u8-downloader 还在为网页视频无法保存而烦恼吗&a…

作者头像 李华