📜  js 函数定义 - Javascript (1)

📅  最后修改于: 2023-12-03 14:43:30.749000             🧑  作者: Mango

JS 函数定义 - Javascript

Javascript 函数是一组执行特定任务的语句。 对于重复使用的代码,函数是非常有帮助的。 它还使代码更加清晰易读。

函数定义可以通过函数声明或函数表达式完成。

函数声明

函数声明是一种定义函数的语法。函数声明将创建一个函数对象并将其赋值给给定的变量名。

function functionName(parameters) {
   // Code to be executed
}

以上代码中,函数名称是 functionName. 参数(parameters)是函数接收的值的占位符。

以下是一个例子:

function greet(name) {
   console.log("Hello, " + name + "!");
}

greet("Ava"); // Output: Hello, Ava!
函数表达式

函数表达式是通过赋值的方式定义函数的。在函数表达式中,函数名称可以省略,也可以出现在函数名称之前。

var functionName = function(parameters) {
   // Code to be executed
};

以下是一个例子:

var greet = function(name) {
   console.log("Hello, " + name + "!");
};

greet("Ava"); // Output: Hello, Ava!
函数参数

在 Javascript 中,函数调用时可向函数传递参数。函数参数是在函数声明或函数表达式中定义的。

以下是一个例子:

function addNumbers(a, b) {
   console.log(a + b);
}

addNumbers(3, 4); // Output: 7
函数返回值

函数可以通过 return 语句返回值。 如果未使用 return 语句,则函数将返回 undefined。

以下是一个例子:

function square(num) {
   return num * num;
}

var result = square(3); // Returns 9

console.log(result); // Output: 9
函数默认值

在 Javascript 中,你可以使用默认值语法设置参数的默认值。

以下是一个例子:

function greet(name = 'stranger') {
    console.log('Hello, ' + name + '!')
}

greet(); // Output: Hello, stranger!
greet('Ava'); // Output: Hello, Ava!
箭头函数

JavaScript 还可以使用箭头函数定义一个函数,其语法简洁明了。 箭头函数总是匿名的,并且不能用作构造函数。

以下是箭头函数的语法:

(param1, param2, …, paramN) => { statements }

参数列表、=> 和函数主体构成箭头函数的语法。 箭头函数没有自己的 this, arguments, super 或 new.target 绑定。

以下是一个例子:

var greet = name => {
   console.log("Hello, " + name + "!");
}

greet("Ava"); // Output: Hello, Ava!
结论

本篇介绍了 Javascript 中函数声明、函数表达式、函数参数、函数返回值、函数默认值和箭头函数。这些都是非常重要的概念,对于 Javascript 基本语法的掌握和理解至关重要。