📜  js 创建和调用函数 - Javascript (1)

📅  最后修改于: 2023-12-03 15:17:01.164000             🧑  作者: Mango

Javascript - 创建和调用函数

在Javascript中,函数是一段可重复使用的代码块,用于执行特定的任务。它们可以接受参数和返回值,是编程语言中重要的概念之一。以下是如何创建和调用Javascript函数的介绍。

创建一个函数

使用function关键字来声明一个Javascript函数。函数声明包括函数名称,在括号中列出的可选参数列表,以及包含函数代码的花括号。函数的名称应该能够清晰地描述函数所执行的操作。

function functionName(parameter1, parameter2) {
  // function code
}

例如,以下是一个接受两个参数并返回它们之和的函数。

function addNumbers(num1, num2) {
   return num1 + num2;
}
调用一个函数

一旦创建了函数,就可以在代码中调用它。为了调用一个函数,只需要输入函数的名称并提供任何必要的参数。函数的返回值可以被存储在一个变量中或直接输出到控制台。

functionName(argument1, argument2);

例如,以下是如何调用addNumbers函数的语法:

var sum = addNumbers(5, 10);
console.log(sum); // 15
函数参数

Javascript函数可以接受任意数量的参数,包括零个参数。函数声明中的参数列表是可选的,但可以允许您向函数提供必要的输入。

function functionName(parameter1, parameter2, ...parameterN) {
    // function code
}

请注意,参数可以是基本数据类型,比如字符串或数字,也可以是对象、数组、函数或其他多种类型。

例如,以下是一个使用两个参数的函数声明:

function greetUser(firstName, lastName) {
    console.log(`Hello, ${firstName} ${lastName}`);
}
greetUser('John', 'Doe'); // Hello, John Doe
函数返回值

Javascript函数通常会返回一个值,可用于进一步的计算、处理或输出。使用return语句来返回来自函数的值。没有表示返回值的return语句相当于返回undefined值。

function functionName() {
   return value;
}

例如,以下是一个返回数字平方的函数的示例。

function squareNumber(number) {
    return number * number;
}

var squared = squareNumber(5);
console.log(squared); // 25
匿名函数

Javascript支持匿名函数,它们没有名称,无法在函数之外调用,但可以分配给变量或作为另一个函数的参数。这些函数通常在需要公开特定操作的某个区域内部使用。

var functionName = function(parameter1, parameter2) {
    // function code
}

以下是一个使用匿名函数创建对象的示例:

var person = {
    firstName: 'John',
    lastName: 'Doe',
    fullName: function() {
        return this.firstName + ' ' + this.lastName;
    }
};

console.log(person.fullName()); // John Doe

这是Javascript中创建和调用函数的基本语法和概念。通过学习如何创建和调用函数,您可以更有效地编写重复的代码块并加快您的开发速度。