JavaScript 函数
JavaScript 函数是被设计为执行特定任务的代码块。JavaScript 函数会在某代码调用它时被执行。函数是一段可以反复调用的代码块。
JS 函数语法
JavaScript 函数通过 function
关键词进行定义,function
命令声明的代码块,就是一个函数。function
命令后是函数名,函数名后是一对圆括号 (),里面是传入函数的参数。函数体放在大括号里{}。
function add(a,b){return a+b;
}
- 函数名可包含字母、数字、下划线和美元符号(规则与变量名相同)。
- 圆括号可包括由逗号分隔的参数。
- 函数参数(Function parameters)是在函数定义中所列的名称。
- 函数参数(Function arguments)是当调用函数时由函数接收的真实的值。
- 在函数中,参数是局部变量。
JS 函数调用
函数中的代码将在其他代码调用该函数时执行:
- 当事件发生时(当用户点击按钮时):
在网页开发中,我们经常会根据用户的操作触发相应的函数。比如当用户点击按钮时,执行特定的代码逻辑。以下是一个 HTML 和 JavaScript 结合的示例:
<!DOCTYPE html>
<html lang="en">
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>按钮点击事件示例</title>
</head>
<body> <!-- 创建一个按钮 --> <button id="myButton">点击我</button> <script> // 获取按钮元素 const myButton