在JavaScript中,调用多个函数可以通过多种方式实现,以下是一些基础概念和方法:
()
来调用。function
关键字定义的函数,可以在其定义之前调用(函数提升)。function firstFunction() {
console.log("第一个函数");
}
function secondFunction() {
console.log("第二个函数");
}
firstFunction(); // 输出: 第一个函数
secondFunction(); // 输出: 第二个函数
Promise.all()
来并行执行多个异步函数,并等待它们全部完成。function asyncFunction1() {
return new Promise(resolve => setTimeout(() => { console.log("异步函数1"); resolve(); }, 1000));
}
function asyncFunction2() {
return new Promise(resolve => setTimeout(() => { console.log("异步函数2"); resolve(); }, 1000));
}
Promise.all([asyncFunction1(), asyncFunction2()]).then(() => {
console.log("所有异步函数已完成");
});
function conditionalFunction(condition) {
if (condition) {
console.log("条件为真时调用的函数");
} else {
console.log("条件为假时调用的函数");
}
}
conditionalFunction(true); // 输出: 条件为真时调用的函数
conditionalFunction(false); // 输出: 条件为假时调用的函数
function compose(...fns) {
return function composed(result) {
// 从右至左(或从最后一个到第一个)执行函数
return fns.reduceRight((result, fn) => fn(result), result);
};
}
const add = x => x + 10;
const multiply = x => x * 10;
const calculate = compose(multiply, add);
console.log(calculate(5)); // 输出: 150,因为 (5 + 10) * 10 = 150
Promise
或async/await
来解决。Promise
链或async/await
来控制流程。如果遇到多个异步函数执行顺序的问题,可以使用async/await
来简化代码:
async function executeFunctions() {
await asyncFunction1();
await asyncFunction2();
console.log("所有异步函数按顺序已完成");
}
executeFunctions();
通过以上方法,可以灵活地在JavaScript中调用多个函数,根据不同的需求选择合适的方式。