当前位置：首页 > news >正文

JavaScript 函数基础

news 来源：原创 2025/5/22 3:25:36

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