blocks|key|405080|text|如果您知道总是要调用one，那么就没有必要接受它作为输入参数；您可以继续调用它。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|405081|接受回调的能力使您可以轻松地编写松散耦合的代码。|405082|例如，在代码示例中将回调传递给setTimeout。setTimeout知道在调用函数之前等待给定的毫秒数，但它不知道要调用哪个函数。|405083|entityMap^0|A|3|0|0|F|A|Q|A|0^^$0|@$1|2|3|4|5|6|7|L|8|@$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|O|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|P|8|@$9|Q|A|R|B|C]|$9|S|A|T|B|C]]|D|@]|E|$]]|$1|J|3|-4|5|6|7|U|8|@]|D|@]|E|$]]]|K|$]]

If you know that you're always going to call <code>one</code>, there's no need to accept it as an input parameter; you can just go ahead and call it.

The ability to accept callbacks allows you to easily write loosely coupled code.

You are, for instance, passing a callback to <code>setTimeout</code> in your code example. <code>setTimeout</code> knows to wait a given number of milliseconds before a function is called, but it doesn't know which function to call.

blocks|key|496466|text|我怀疑您的例子并不是用来展示回调是什么的。这更有意义吗？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|496467|function+cb(arg){
++++alert("I'm+"%2Barg%2B"!")
}

function+total(arg,+callback){
++++setTimeout(callback,+1000,+arg);
}

total('one',+cb);|code-block|syntax|javascript|496468|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I suspect that your examples are not what was intended to showcase what a callback is. Does this make more sense?

<pre><code>function cb(arg){
 alert("I'm "+arg+"!")
}

function total(arg, callback){
 setTimeout(callback, 1000, arg);
}

total('one', cb);
</code></pre>

blocks|key|496499|text|传入回调函数允许您动态地影响程序的流。此外，还可以将total的结果作为参数传递给callback，后者通常用于启用异步编程。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|496500|function+one(){
++alert("I'm+one!")
}

function+total(arg,+callback){
++setTimeout(function()+{
++++if+(callback)+{
++++++callback();
++++}
++},+1000);
}|code-block|syntax|javascript|496501|entityMap^0|Q|5|15|8|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

Passing in callback functions allows you to dynamically affect the flow of the program. Additionally, you could pass the outcome of <code>total</code> as a parameter to <code>callback</code>, which is often used to enable asynchronous programming.

<pre><code>function one(){
 alert("I'm one!")
}

function total(arg, callback){
 setTimeout(function() {
 if (callback) {
 callback();
 }
 }, 1000);
}
</code></pre>

blocks|key|2278441|text|回调参数允许您定义自定义交互。它通常与任何异步操作一起使用，以允许对状态更改作出反应(例如，当操作完成或错误时)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2278442|这方面的一个例子可能是AJAX调用(这里使用jQuery表示简单)：|2278443|var+request+=+$.ajax({
++++url:+"script.php"
});

//+this+allows+you+to+specify+custom+action+handling
request.done(one);|code-block|syntax|javascript|2278444|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Callback argument allows you to define custom interaction. It's commonly used with any asynchronous operation to allow reacting of state change (for example when operation is done, or errored).

One example of that may be an AJAX call (here with jQuery for simpliciy):

<pre><code>var request = $.ajax({
 url: "script.php"
});

// this allows you to specify custom action handling
request.done(one);
</code></pre>

I'm trying to understand JS and I'm really confused by the callback pattern.

<pre><code>function one(){
 alert("I'm one!")
}

function total(arg, callback){
 setTimeout(function() {alert("I'm "+arg);}, 1000);
 callback();
}

total('all', one);
</code></pre>

versus

<pre><code>function one(){
 alert("I'm one!")
}

function total(arg){
 setTimeout(function() {alert("I'm "+arg);}, 1000);
 one();
}

total('all');
</code></pre>

What is the benefit of passing <code>one()</code> as a parameter vs just calling it from within the function?

callback function vs calling a function from inside the function

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我试图理解JS，我对回调模式感到非常困惑。function one(){    alert("I'm one!")}function total(arg, callback){    setTimeout(function() {alert("I'm "+arg);}, 1000);    callback();}to...

问回调函数与从函数内部调用函数
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问回调函数与从函数内部调用函数EN