看看这段代码:
<a href="#" id="link">Link</a>
<span>Moving</span>
$('#link').click(function () {
console.log("Enter");
$('#link').animate({ width: 200 }, 2000, function() {
console.log("finished");
});
console.log("Exit");
});
正如您在控制台中看到的那样,"animate"函数是异步的,它"分叉"事件处理程序块代码的流程.事实上 :
$('#link').click(function () {
console.log("Enter");
asyncFunct();
console.log("Exit");
});
function asyncFunct() {
console.log("finished");
}
按照块代码的流程!
如果我想创建我function asyncFunct() { }的这种行为,我怎么能用javascript/jquery做到这一点？我认为这是不使用的策略 setTimeout()
我写了这段代码 lib/helper.js
var myfunction = async function(x,y) {
....
reutrn [variableA, variableB]
}
exports.myfunction = myfunction;
然后我试着在另一个文件中使用它
var helper = require('./helper.js');
var start = function(a,b){
....
const result = await helper.myfunction('test','test');
}
exports.start = start;
我收到了一个错误
"await仅在异步函数中有效"
有什么问题？
必须在包含函数上使用async关键字才能在函数体内使用await。
async function fetchMovies() {
const response = await fetch('/movies');
console.log(response);
}
fetchMovies();
在AWAIT被用来对异步完成方框取（）调用。从代码中可以看出，函数fetchMovies()甚至没有返回任何值。即使这样做了，它也会影响调用者使用返回值的方式，但是为什么它会影响从函数体调用另一个异步调用呢？
我的问题是为什么需要这样做？有什么好的解释吗？它是否与实际实现await的需要有关，并在旧的 JavaScript 版本中支持它？
我知道使用了iffi模式能够使用await但这是否会以任何方式更改iffi代码块后面的代码的语义？
(async () => {
const response = await fetch('/movies');
console.log(response);
})();
我也知道模块中支持顶级等待。
可能是我错过了一些非常明显的东西。
我看到有一个eslint规则,no-return-await禁止return await.
在规则的描述中,它表示return await添加"extra time before the overarching Promise resolves or rejects".
但是,当我查看MDN async函数文档时,"简单示例"显示了一个示例,其中return await不包含任何可能导致性能问题的描述.
是return await一个实际的性能问题,因为eslint文档建议？
如果是这样,怎么样？
正如牛仔在这里的评论中所说,我们都想"以类似于这样的风格编写[非阻塞JavaScript]异步代码:
try
{
var foo = getSomething(); // async call that would normally block
var bar = doSomething(foo);
console.log(bar);
}
catch (error)
{
console.error(error);
}
"
所以人们已经提出了解决这个问题的方法
但是这些都没有导致代码像上面的同步样式代码一样简单易懂.
那么为什么javascript编译器/解释器不能阻止我们目前称为"阻塞"的语句呢？那么,为什么javascript编译器/解释器无法处理AS上面的同步语法,如果我们以异步方式编写它？"
例如,在getSomething()上面的处理中,编译器/解释器可以只说"这个语句是对[文件系统/网络资源/ ...]的调用,所以我会做一个注释来听取来自该调用的响应和同时继续我的事件循环中的任何东西".当调用返回时,执行可以继续doSomething().
您仍然可以维护流行的JavaScript运行时环境的所有基本功能
这只是对语法的一种调整,这将允许解释器在IT DETECTS一个异步操作时暂停执行任何给定的代码位,而不是需要回调,代码只是在调用异步调用后从行继续执行回报.
正如杰里米所说
JavaScript运行时中没有任何内容可以预先暂停执行给定任务,允许其他代码执行一段时间,然后恢复原始任务
为什么不？(如同,"为什么不能有？"......我对历史课不感兴趣)
为什么开发人员必须关心语句是否阻塞？计算机用于自动化人类擅长的东西(例如编写非阻塞代码).
您也许可以实现它
"use noblock"; "use strict";)打开整个代码页的"模式".编辑:"use noblock"; 这是一个糟糕的选择,误导了一些回答者,我试图完全改变常见的JavaScript运行时的性质.喜欢的东西'use syncsyntax';可能会更好地描述它.parallel(fn, fn, ...); …仅仅阅读了本教程，它就使我难以理解为什么await仅在async功能上起作用。
从教程中：
如前所述，await仅在异步功能内起作用。
据我了解，async将函数返回对象包装到Promise中，以便调用者可以使用.then()
async function f() {
return 1;
}
f().then(alert); // 1
而await只是等待诺言在async功能内解决。
async function f() {
let promise = new Promise((resolve, reject) => {
setTimeout(() => resolve("done!"), 1000)
});
let result = await promise; // wait till the promise resolves (*)
alert(result); // "done!"
}
f();
在我看来，它们的用法没有关系，有人可以解释吗？