前言
JavaScript是一种广泛使用的编程语言,但对于初学者来说,理解和使用函数可能是一个挑战。本文将向您介绍什么是函数,以及如何声明和调用它们。通过通俗易懂的比喻和示例代码,您将掌握函数的基本使用方法,并像人类一样写JavaScript函数!!!
一、函数是什么?
函数可以被视为一套操作步骤的组合,它能够接受输入并产生输出。就像制作三明治一样,我们需要一些原料(输入),通过一系列步骤(函数内的操作)进行加工,最后得到成品(输出)。
二、函数声明:
在JavaScript中,我们使用关键词 function 来声明一个函数。函数声明有一个函数名和一套操作步骤。比如,我们可以声明一个名为 makeSandwich 的函数,用来制作三明治。
function makeSandwich() { //code... }
三、函数调用:
函数声明只是定义了函数的操作步骤,并不会真正执行它。要执行函数,我们需要调用它。调用函数的过程就像按照之前定义的操作步骤制作三明治。
3.1 简单函数示例:
下面是几个简单函数的示例代码,帮助您更好地理解函数的使用:
a. 函数声明:
function makeSandwich() { // 制作三明治的步骤 // ... }
使用function关键字+()+{}即可声明一个函数
b. 函数调用:
makeSandwich();
直接使用函数名+()即可调用
c. 打印信息的函数:
function printMessage() { console.log("Hello, world!"); } printMessage();
d. 计算乘法的函数:
function multiplyNumbers() { var result = 2 * 3; console.log(result); } multiplyNumbers();
e. 打招呼函数:
function sayHello() { console.log("Hello! How are you?"); } sayHello();
该函数名为 sayHello,它没有任何参数,并且在函数体内打印了一条问候信息。函数通过调用 sayHello() 来执行,调用后会在控制台输出问候语。
f. 显示当前时间函数:
function showCurrentTime() { let now = new Date(); console.log("Current time is: " + now.toLocaleTimeString()); }
showCurrentTime();
该函数名为 showCurrentTime,它没有任何参数。函数体内创建了一个 Date 对象来获取当前时间,并通过 toLocaleTimeString() 方法将其格式化为可读的时间字符串。最后,函数调用 showCurrentTime() 执行,以显示当前时间在控制台中。
这两个函数示例展示了无参数无返回值的函数。它们没有接受任何输入(参数),并且不会返回结果。相反,它们通过执行内部的一些操作来实现所需的功能。在上述示例中,函数体内的代码负责打印问候语和当前时间的信息。
这些简单的函数可以作为代码块的组合,使我们能够更好地组织和复用代码。调用函数将触发函数体内的操作,帮助我们实现特定的功能和任务。
总结
now 现在您已经学会了JS函数,请你开始在您亲爱的IDE开始像人类一样写代码,我是xxxx,我是你们的人类JavaScript老师,我们下节课再见…