如果你想要在网页中实现互动的效果，那么JavaScript就是必不可少的一部分。其中一个重要的概念就是函数（Function）。
函数其实就相当于一个小程序，它可以接受输入参数，进行特定的操作，然后返回一个结果。使用函数可以让你的代码更加模块化和可复用。
下面是一个简单的例子，使用函数实现加法操作：
function add(num1, num2) {
return num1 + num2;
}
console.log(add(2, 3)); // 输出 5这个函数名为“add”，拥有两个参数（num1 和 num2），表示将这两个数字相加。函数使用“return”关键词返回这个结果。
在 HTML 文档中，你可以使用 <script> 标签来调用这个函数：
<!DOCTYPE html> <html> <head> <title>加法运算</title> </head> <body> <p>2 + 3 = <script>document.write(add(2, 3));</script></p> </body> </html>
上面的代码将会输出“2 + 3 = 5”。
除了可以将函数的结果返回给调用者，我们还可以在函数内执行其他的操作。下面是一个例子，该函数用于计算年龄：
function calculateAge(yearOfBirth) {
var age = new Date().getFullYear() - yearOfBirth;
console.log("你现在 " + age + " 岁。");
}
calculateAge(1990); // 输出 "你现在 31 岁。"这个函数只有一个参数 - 出生年份。函数内通过 JavaScript 的 Date 对象得到当前年份，并将其减去出生年份得出年龄。随后将字符串与变量拼接输出到控制台。
如果函数需要该执行特定的操作，但并不需要返回结果，你可以使用 void 关键字来声明该函数。下面是一个例子：
function greet(name) {
console.log("你好，" + name + "！");
}
void greet("张三"); // 输出 "你好，张三！"该函数只是简单地在控制台输出问候语，而没有返回任何结果。
最后，JavaScript 还支持匿名函数。匿名函数就是没有名字的函数，它可以直接传递给其他函数或变量，并在内部执行完毕后自动销毁。下面是一个例子，演示如何通过匿名函数对数组进行排序：
var numbers = [2, 4, 1, 3, 5];
numbers.sort(function(a, b) {
return b - a;
});
console.log(numbers); // 输出 [5, 4, 3, 2, 1]上面的代码中，我们定义了一个名为“numbers”的数组，其中包含了 5 个整数。调用 sort 函数并传递了匿名函数作为参数，这个匿名函数用于比较数组中的两个元素并按从大到小的顺序排序。最终输出了排序后的数组。
总的来说，JavaScript 函数是非常灵活和强大的工具，它可以帮助你使代码更加模块化、易读和可维护。如果你现在还不熟练掌握函数的使用方法，那么我建议多做些练习，因为函数是成为一名优秀的前端工程师所必须要掌握的核心技能之一。
查看更多关于javascript funtion的详细内容...