如何像人类一样写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老师,我们下节课再见…

相关文章
|
2月前
|
JavaScript
短小精悍的js代码
【10月更文挑战第17天】
135 58
|
25天前
|
JavaScript 前端开发 测试技术
在 golang 中执行 javascript 代码的方案详解
本文介绍了在 Golang 中执行 JavaScript 代码的四种方法:使用 `otto` 和 `goja` 嵌入式 JavaScript 引擎、通过 `os/exec` 调用 Node.js 外部进程以及使用 WebView 嵌入浏览器。每种方法都有其适用场景,如嵌入简单脚本、运行复杂 Node.js 脚本或在桌面应用中显示 Web 内容。
60 15
在 golang 中执行 javascript 代码的方案详解
|
1月前
|
JavaScript
原生js炫酷随机抽奖中奖效果代码
原生js随机抽奖是一个炫酷的根据数据随机抽奖的代码,该网页可进行随机抽取一个数据,页面动画高科技、炫酷感觉的随机抽奖效果,简单好用,欢迎下载!
46 3
|
1月前
|
JavaScript 前端开发 Java
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
本文介绍了JavaScript中常用的函数和方法,包括通用函数、Global对象函数以及数组相关函数。详细列出了每个函数的参数、返回值及使用说明,并提供了示例代码。文章强调了函数的学习应结合源码和实践,适合JavaScript初学者和进阶开发者参考。
43 2
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
|
1月前
|
前端开发 JavaScript 开发者
除了 Generator 函数,还有哪些 JavaScript 异步编程解决方案?
【10月更文挑战第30天】开发者可以根据具体的项目情况选择合适的方式来处理异步操作,以实现高效、可读和易于维护的代码。
|
1月前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤
随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍了如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码,包括安装插件、配置 ESLint 和 Prettier 以及 VSCode 设置的具体步骤。通过这些工具,可以显著提升编码效率和代码质量。
517 4
|
1月前
|
JSON 移动开发 数据格式
html5+css3+js移动端带歌词音乐播放器代码
音乐播放器特效是一款html5+css3+js制作的手机移动端音乐播放器代码,带歌词显示。包括支持单曲循环,歌词显示,歌曲搜索,音量控制,列表循环等功能。利用json获取音乐歌单和歌词,基于html5 audio属性手机音乐播放器代码。
120 6
|
29天前
|
JSON JavaScript 关系型数据库
node.js连接GBase 8a 数据库 并进行查询代码示例
node.js连接GBase 8a 数据库 并进行查询代码示例
|
1月前
|
JavaScript 前端开发 开发者
如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码
随着前端开发技术的快速发展,代码规范和格式化工具变得尤为重要。本文介绍如何在 Visual Studio Code (VSCode) 中使用 ESLint 和 Prettier 检查代码规范并自动格式化 Vue.js 代码。通过安装和配置这些工具,可以确保代码风格一致,提高代码质量和可读性。
189 1