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

文章目录

  • 前言
  • 一、函数是什么?
  • 二、函数声明:
  • 三、函数调用:
    • 3.1 简单函数示例:
      • a. 函数声明:
      • b. 函数调用:
      • c. 打印信息的函数:
      • d. 计算乘法的函数:
      • e. 打招呼函数:
      • f. 显示当前时间函数:
  • 总结


前言

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


一、函数是什么?

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

二、函数声明:

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

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

如何像人类一样写JavaScript代码(包会)之函数基本使用_第1张图片

三、函数调用:

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

3.1 简单函数示例:

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

a. 函数声明:

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

如何像人类一样写JavaScript代码(包会)之函数基本使用_第2张图片

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

b. 函数调用:

makeSandwich();

如何像人类一样写JavaScript代码(包会)之函数基本使用_第3张图片

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

c. 打印信息的函数:

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

printMessage();

如何像人类一样写JavaScript代码(包会)之函数基本使用_第4张图片

d. 计算乘法的函数:

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

multiplyNumbers();

如何像人类一样写JavaScript代码(包会)之函数基本使用_第5张图片

e. 打招呼函数:

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

sayHello();

如何像人类一样写JavaScript代码(包会)之函数基本使用_第6张图片

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

f. 显示当前时间函数:

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

如何像人类一样写JavaScript代码(包会)之函数基本使用_第7张图片

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

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

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


总结

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

你可能感兴趣的:(Javascript保姆级教程,javascript,开发语言,ecmascript,c++,c语言,前端,java)