JavaScript 中带参数的回调函数

简介: JavaScript 中带参数的回调函数

JavaScript 中,当我们将一个函数作为参数传递给另一个函数时,它被称为 callback 函数。

该函数将另一个函数作为参数并在内部调用它。

callback 函数确保函数在任务完成之前不会运行。

[在 JavaScript 中通过将函数作为参数传递来创建回调函数]

我们将通过将函数作为参数传递给另一个函数来创建一个 callback 函数。我们在任务完成后立即调用该函数。

我们将创建一个名为 sayName 的函数。然后我们创建一个名为 sayHowAreYoucallback 函数。

我们想通过形式参数 ncallback 函数中传递另一个参数。

function sayName(name, cb){
console.log( `Hello  ${name}` );
cb(name);
}
function sayHowAreYou(n){
console.log('How are you? ' + n);
}
sayName('DelftStack', sayHowAreYou);

输出:

Hello  DelftStack
How are you? DelftStack

当我们调用第一个函数时,它将返回 Hello DelftStack。然后我们打了招呼 how are you,因此我们为此调用了 callback 函数。

当我们通过 callback函数参数时,它返回 Hello DelftStack, How are you? DelftStack

相关文章
|
2月前
|
前端开发
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
|
2月前
|
JavaScript 前端开发
JavaScript基础知识-函数的参数
关于JavaScript函数参数基础知识的介绍。
24 4
JavaScript基础知识-函数的参数
|
2月前
|
JavaScript 前端开发
JavaScript 函数参数
JavaScript 函数参数
26 3
|
28天前
|
JavaScript API
Node.js 回调函数
10月更文挑战第3天
14 0
|
2月前
|
前端开发 JavaScript
前端JS截取url上的参数
文章介绍了两种前端JS获取URL参数的方法:手动截取封装和使用URLSearchParams。
43 0
|
4月前
|
JavaScript 前端开发 网络架构
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
56 1
|
4月前
|
JavaScript 前端开发 API
Node中的AsyncLocalStorage 使用问题之Node.js将 JavaScript 层的 nativeHooks 注册到 C++ 层的问题如何解决
Node中的AsyncLocalStorage 使用问题之Node.js将 JavaScript 层的 nativeHooks 注册到 C++ 层的问题如何解决
|
5月前
|
存储 前端开发 JavaScript
回调函数是JavaScript中处理异步编程的常见模式,常用于事件驱动和I/O操作。
【6月更文挑战第27天】回调函数是JavaScript中处理异步编程的常见模式,常用于事件驱动和I/O操作。它作为参数传递给其他函数,在特定条件满足或任务完成后被调用。例如,`asyncOperation`函数接受回调函数`handleResult`,模拟异步操作后,调用`handleResult`传递结果。这样,当异步任务完成时,`handleResult`负责处理结果。
37 1
|
5月前
|
JavaScript
JS获取浏览器地址栏的多个参数值的任意值
JS获取浏览器地址栏的多个参数值的任意值
47 3
|
5月前
|
前端开发 JavaScript
JavaScript异步处理避免了单线程阻塞,如回调函数、Promise和async/await。
【6月更文挑战第22天】JavaScript异步处理避免了单线程阻塞,如回调函数、Promise和async/await。回调是基础,用于在操作完成后执行函数;Promise管理异步状态,支持链式调用;async/await提供同步代码外观,简化错误处理。每种技术在处理耗时任务时都起着关键作用。
47 3