1.函数声明
函数声明是通过function关键字声明一个函数，可以在函数声明前或后调用该函数，例如：
function add(a, b) {
return a + b;
}
console.log(add(1, 2)); // 3
2.函数表达式
函数表达式是通过赋值符号将一个函数赋值给一个变量，并且该变量也被视为函数，例如：
var add = function(a,b) {
return a + b;
}
console.log(add(1, 2)); // 3
函数表达式的好处是不会污染全局作用域，可以更好的组织代码。
3.箭头函数
箭头函数是ECMAScript 6中新增的一种函数表达式，它使用“=>”符号来简化函数定义，例如：
var add = (a, b) => a + b;
console.log(add(1, 2)); // 3
箭头函数的好处是语法简化，可以省去function关键字和return语句，更加简洁。
4.高阶函数
高阶函数是一种函数，它可以接受一个或多个函数作为参数，或者返回一个函数，例如：
function add(a, b) {
return a + b;
}
function double(func, a, b) {
return func(a, b) * 2;
}
console.log(double(add, 1, 2)); // 6
在上面的例子中，double函数接受一个函数作为参数，调用add函数，并且将结果乘以2返回。
5.回调函数
回调函数是由另一个函数调用的函数，用于异步操作，例如：
function fetchData(callback) {
setTimeout(function () {
var data = 'Hello World';
callback(data);
}, 2000);
}
function printData(data) {
console.log(data);
}
fetchData(printData); // 2s后输出 Hello World
在上面的例子中，fetchData函数异步获取数据，通过回调函数printData将数据输出。
6.自执行函数
自执行函数是在定义后立即执行的函数，不需要调用，例如：
(function() {
console.log('Hello World');
})();
自执行函数通常用于封装代码，创建局部作用域等。
综上所述，JavaScript中函数的使用类型非常多，开发者可以根据具体需求选用合适的函数类型来封装自己的代码。
上一篇：css指针变量的使用
下一篇：css把盒子内容缩小
