从回调地狱中保存

> javascript回调：从“回调地狱”到异步优雅

>开发人员经常会不屑一顾，将回调与可怕的“回调地狱”相关联。 但是，回调是JavaScript异步性质的基础。 钥匙不是避免回调，而是掌握其有效使用。本文探讨了管理回调的策略，从有问题的嵌套过渡到更清洁，更可维护的异步代码。

>

完全丢弃回调类似于用沐浴水扔掉婴儿。它们是一个强大的工具，替换它们通常会改变问题。 让我们探讨合理的编程实践如何在避免陷阱的同时利用回调的力量。 我们将重点介绍坚实的原则来指导我们的方法。

钥匙要点：

1. >理解和掌握回调：回调对于异步JavaScript至关重要。 本文强调有效的回调管理，而不是消除。
2. > 避免回调地狱：我们将检查诸如使用命名函数，应用依赖性反转原理以及利用多态性的技术，以获取更清洁的，更可重复使用的代码。
>。
3. 现代JavaScript解决方案：讨论发展为诺言和async/await，演示这些功能如何简化异步编程，并为“回调地狱”提供路径。

什么是回调地狱？ >回调是作为参数传递给另一个函数的函数，在以后的未指定时间内执行。 接收功能确定何时调用它。 这对于像ajax请求一样的异步操作至关重要。> 当异步代码依靠嵌套回调，创建深度缩进的结构（臭名昭著的“厄运金字塔”）时，问题出现了。 考虑使用

>模拟异步调用的示例：>

这个嵌套的结构很快变得不可读且难以维护。

> setTimeout

解决问题：命名函数和改进的结构

setTimeout(function (name) {
  var catList = name + ',';
  // ... more nested setTimeouts ...
}, 1, 'Panther');

>

>用命名函数替换匿名函数可提高可读性：>

虽然消除了视觉金字塔，但它引入了潜在的范围问题和代码重复。

<> <> deponenty反演

>

setTimeout(getPanther, 1, 'Panther');

function getPanther(name) {
  catList = name + ',';
  setTimeout(getJaguar, 1, 'Jaguar');
}
// ... more named functions ...

依赖性反转原则提倡编码抽象而不是实现。 我们可以通过为我们的回调创建合同来实现这一目标：

>

此功能现在接受回调（）作为依赖项，将核心逻辑从特定的实现详细信息中解耦。。 灵活性

<>

多态回调

function buildFerociousCats(list, returnValue, fn) {
  setTimeout(function asyncCall(data) {
    var catList = list === '' ? data : list + ',' + data;
    fn(catList);
  }, 1, returnValue);
}

为了提高灵活性，我们可以引入多态性。 这使我们能够在不更改核心功能的情况下更改回调的行为：

现在，

setTimeout(function (name) {
  var catList = name + ',';
  // ... more nested setTimeouts ...
}, 1, 'Panther');

>对象封装了列表和定界符函数，可以轻松地在不同的定界数（例如，逗号，管道）之间切换。

cat承诺和异步/等待增强的可读性

>承诺，/

提供了处理异步操作的更多结构化方法。 包装

在诺言中：async await buildFerociousCats>这允许使用

进行清洁链。

setTimeout(getPanther, 1, 'Panther');

function getPanther(name) {
  catList = name + ',';
  setTimeout(getJaguar, 1, 'Jaguar');
}
// ... more named functions ...

/

>通过允许以更同步的样式编写异步代码来进一步简化这一点：.then() async await

结论

function buildFerociousCats(list, returnValue, fn) {
  setTimeout(function asyncCall(data) {
    var catList = list === '' ? data : list + ',' + data;
    fn(catList);
  }, 1, returnValue);
}

在JavaScript中掌握回调涉及了解其细微差别并应用合理的编程原则。 通过采用诸如命名函数，依赖性反转，多态性，承诺和/>之类的技术，我们可以超越“回调地狱”，并创建优雅，可维护的异步JavaScript代码。 JavaScript的灵活性赋予了良好的编程实践；对基本原理的扎实理解是编写高效且可读的代码的关键。

>

以上是从回调地狱中保存的详细内容。更多信息请关注PHP中文网其他相关文章！