如何像人类一样写JavaScript代码(包会)之函数基本使用

简介: 如何像人类一样写JavaScript代码(包会)之函数基本使用

前言


JavaScript是一种广泛使用的编程语言,但对于初学者来说,理解和使用函数可能是一个挑战。本文将向您介绍什么是函数,以及如何声明和调用它们。通过通俗易懂的比喻和示例代码,您将掌握函数的基本使用方法,并像人类一样写JavaScript函数!!!


一、函数是什么?


函数可以被视为一套操作步骤的组合,它能够接受输入并产生输出。就像制作三明治一样,我们需要一些原料(输入),通过一系列步骤(函数内的操作)进行加工,最后得到成品(输出)。


二、函数声明:


在JavaScript中,我们使用关键词 function 来声明一个函数。函数声明有一个函数名和一套操作步骤。比如,我们可以声明一个名为 makeSandwich 的函数,用来制作三明治。

function makeSandwich()
{
  //code...
}


29943e6767144686973c2cfbfc12e232.png


三、函数调用:


函数声明只是定义了函数的操作步骤,并不会真正执行它。要执行函数,我们需要调用它。调用函数的过程就像按照之前定义的操作步骤制作三明治。


3.1 简单函数示例:

下面是几个简单函数的示例代码,帮助您更好地理解函数的使用:


a. 函数声明:

function makeSandwich() {
   // 制作三明治的步骤
   // ...
}


711167498e9e4aa9b1a527bc8c1f8a7f.png

使用function关键字+()+{}即可声明一个函数


b. 函数调用:

makeSandwich();


27daef32cb1049319d99fb0f485b4e2e.png

直接使用函数名+()即可调用


c. 打印信息的函数:

function printMessage() {
   console.log("Hello, world!");
}
printMessage();


306b62948e9440a6bff3208e4dc1a21f.png

d. 计算乘法的函数:

function multiplyNumbers() {
   var result = 2 * 3;
   console.log(result);
}
multiplyNumbers();


85504ec866e54231aff421d4912a6f21.png

e. 打招呼函数:

function sayHello() {
  console.log("Hello! How are you?");
}
sayHello();


b562975c37be46e69e88559d998ad35f.png

该函数名为 sayHello,它没有任何参数,并且在函数体内打印了一条问候信息。函数通过调用 sayHello() 来执行,调用后会在控制台输出问候语。


f. 显示当前时间函数:

function showCurrentTime() {
  let now = new Date();
  console.log("Current time is: " + now.toLocaleTimeString());
}


cfd5819608b347f49cf863fe0d76b13d.png

showCurrentTime();

该函数名为 showCurrentTime,它没有任何参数。函数体内创建了一个 Date 对象来获取当前时间,并通过 toLocaleTimeString() 方法将其格式化为可读的时间字符串。最后,函数调用 showCurrentTime() 执行,以显示当前时间在控制台中。


这两个函数示例展示了无参数无返回值的函数。它们没有接受任何输入(参数),并且不会返回结果。相反,它们通过执行内部的一些操作来实现所需的功能。在上述示例中,函数体内的代码负责打印问候语和当前时间的信息。


这些简单的函数可以作为代码块的组合,使我们能够更好地组织和复用代码。调用函数将触发函数体内的操作,帮助我们实现特定的功能和任务。


总结


now 现在您已经学会了JS函数,请你开始在您亲爱的IDE开始像人类一样写代码,我是xxxx,我是你们的人类JavaScript老师,我们下节课再见…

目录
打赏
0
0
1
0
60
分享
相关文章
三句话生成 P5.js 粒子特效代码,人人都可以做交互式数字艺术
短短几分钟,两个完全不懂P5.js的人类,和通义灵码AI程序员一起,共同完成了有真实物理引擎和碰撞检测的3D仿真动画。人类扮演的角色更像产品经理和架构师,提出开发需求和迭代修改方案,而AI的作用更像码农,任劳任怨,熟练用各种编程语言完成技术底层的脏活累活。这只是AI编程的冰山一角,未来,每一个艺术家都能快速做出自己的创意原型,每一个数学老师都能轻松做出自己的教学动画。
【通义灵码】三句话生成P5.js粒子特效代码,人人都可以做交互式数字艺术
我发掘出的通义灵码AI程序员新玩法:三句话生成P5.js粒子特效代码,人人都可以做交互式数字艺术
20 个 JavaScript 简化技巧,让你的代码更上一层楼!
JavaScript 既灵活又强大,掌握以下20个技巧可助你编写更简洁高效的代码
JavaWeb JavaScript ③ JS的流程控制和函数
通过本文的详细介绍,您可以深入理解JavaScript的流程控制和函数的使用,进而编写出高效、可维护的代码。
72 32
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
61 14
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
138 21
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
一段 JavaScript 代码,集成网站AI语音助手
根据本教程,只需通过白屏化的界面操作,即可快速构建一个专属的AI智能体。
在 golang 中执行 javascript 代码的方案详解
本文介绍了在 Golang 中执行 JavaScript 代码的四种方法:使用 `otto` 和 `goja` 嵌入式 JavaScript 引擎、通过 `os/exec` 调用 Node.js 外部进程以及使用 WebView 嵌入浏览器。每种方法都有其适用场景,如嵌入简单脚本、运行复杂 Node.js 脚本或在桌面应用中显示 Web 内容。
172 15
在 golang 中执行 javascript 代码的方案详解

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等