当前位置:首页 > 日记 > 正文

异步JS框架的功能与实现

异步JS框架的功能与实现
从异步JS的重要性开始,异步JS框架逐步引入异步JS中。

1。异步JS的重要性

随着网络平台的地位的提高,浏览器的Javascript语言已经成为世界上最流行的语言,甚至通过Javascript的最重要的特征node.js.one进入服务器编程领域,它是挡不住的,它不意味着它不应该是而不是一个不可能的意义(只要它提供了API)。

Javascript是一个单线程的语言,因此一旦API阻止当前线程,它相当于挡住了整个程序,所以异步Javascript编程中起着重要的作用。异步编程的好处,程序执行不在这里讨论,但异步编程非常繁琐的开发者。它破坏了程序的逻辑,语义完全丧失了。

你有没有因为Ajax异步而疯狂,只能在回调函数中嵌套代码看起来非常糟糕。如果同步使用,代码不可嵌套的。但如果要求时间太长,因为线程被阻塞,导致浏览器假死。这很让人讨厌。看来,优雅的代码和良好的用户体验不可兼。

2。异步js框架

如果现在有3个Ajax请求,它们是A,B和C,a被执行直到B被执行,C被执行直到B被执行。这样我们就必须嵌套,在A的回调函数中执行B,并且在B的回调函数中执行C。

按照专业轮的原则,我的异步JS框架开始了!

一般结构—
VaR JS =新asyncjs();
构建(函数()){
创建一个_ $异步({
URL
成功:函数(){

}
});
var b = _ $异步({
URL
成功:函数(){

}
});
var c = _ $异步({
URL
成功:函数(){

}
});
});
eval(功能);

a,b,c将按顺序执行,线程不会被阻塞。

优势

1。很好的经验,整个过程是异步的,线程不会阻塞。

2。代码是优雅的,不需要复杂的嵌套,框架可以帮助您自动化嵌套。您只需注意代码本身,并且易于维护。

三.简单易用。建立(函数(){ })你可以读到C #线程,我开了一个线程来执行(功能(JS){ }是单线程的,它应该是强调!) U3000
新(线程)
{
/ /做
});
4。简单和易于扩展。(请把所有你想执行_ $异步方法。)

5。易于调试。

缺点

1.build(function(){ }),函数不支持自定义的局部变量,如var a = 1;

如果要使用局部变量,只能使用:
创建一个_ $异步(函数()){
返回1;
});
2美元。_异步();必须以';'。

3.build(function(){ })不能直接在函数中调用外部函数,如
函数测试(){
VaR方法=函数(){()
警报(1);
};
构建(函数()){
TestMethod();
});
}
请使用它
函数测试(){
VaR方法=函数(){()
警报(1);
};
构建(函数()){
_ $异步(功能(){()
TestMethod();
});
});
}
也许你会好奇这是怎么做的。为什么不将eval(R)

实施原则是分析在建立并结合动态,嵌套的函数,并执行它。为什么eval不封装的是如果它是封装的,您将无法使用外部变量,因此必须把。

三.测试代码和效果


函数显示(){
VaR JS =新asyncjs();
var url =原始页面WebForm1 aspx;
构建(函数()){
_ $异步(功能(){()
警报(单击之后的第一个Ajax请求);
});
_ $异步({
网址,
数据:{第一次Ajax请求},
成功:函数(数据){
警报()第一个请求的结束,结果:+数据;
}
});
_ $异步(功能(){()
警报(单击后启动第二个Ajax请求;
});
VaR结果= _ $异步({
网址,
数据:{第二个Ajax请求},
成功:函数(数据){
返回数据;
}
});
_ $异步(功能(){()
警报()第二个请求的结束,结果:+结果;
});

});
eval(功能);
}

背景#代码C
protected void page_load(object sender,EventArgs e)
{
字符串变量的值的要求。QueryString {val};
如果(!String.IsNullOrEmpty(Val))
{
线程(睡眠)(2000);
响应(写返回结果);
响应(完);
}
}
设计素描 uff1a
您可以看到它是按顺序执行的,并且线程不会被阻塞。

以上是异步JS框架的作用和实现方法的介绍,希望能帮助大家的学习,真正了解异步js的重要性。

相关文章

Javascript是什么意思:无效(0)和href=#和hre

Javascript是什么意思:无效(0)和href=#和hre

无效,差异,电脑软件,Javascript,javascriptvoid,在Javascript中,空是一个运算符,指定要计算但不返回值的表达式。 空操作符使用如下: 1。javascript(表达式) 2。空表达式 表达式是要计算的Javascript标准的表达式。表达式外的括号被选中,但是编写它是一个好习惯…

PS化妆品网上精美商店横幅

PS化妆品网上精美商店横幅

商店,横幅,精美,网上,电脑软件,本教程是向朋友介绍PS图片,并制作漂亮的化妆品店横幅。教程制作的横幅非常漂亮,很难。 在本教程中,ps照片合成学习者使用ps创建漂亮的化妆品店横幅。制作的横幅非常漂亮,合成难度适中。主要是步骤的引入和过程共…

浅谈PHP使用foreach/in_array

浅谈PHP使用foreach/in_array

浅谈,电脑软件,foreach,PHP,in_array,PHP在开发中是非常有效的,它是无可争议的,但它是以牺牲效率为代价的,PHP数组的功能非常强大,但我们应该更多地考虑它。尝试几种情况。以防万一,我只想谈谈我在这里遇到的两个洞。如果我找到更多的,我会弥补它…

图像格式TIFF、GIF和JPEG的一些基

图像格式TIFF、GIF和JPEG的一些基

基本知识,图像格式,电脑软件,GIF,TIFF,本教程是向朋友介绍一些图像格式TIFF、GIF和JPEG的基本知识方法。这个教程真的很好,很实用,推荐过来,希望对大家有帮助。 本教程将向您介绍图像格式TIFF、GIF和JPEG的基本知识。教程的内容非常实用。对初…

最新最受欢迎的个性签名经典签名

最新最受欢迎的个性签名经典签名

最受欢迎,个性签名,经典,最新,电脑软件,Ldquo;它要经历一些痛苦和泪水才能看到心。为你的QQ选择个性签名。 1,誓言的再美也有幻灭的一天。 2,混合着烟的颓废,胡子拉碴的气味,作为世界自得其乐 三.最讨厌的事不是陌生人,而是一种渐渐陌生的感觉。 …

360星效果PS教你如何创造酷

360星效果PS教你如何创造酷

创造,教你如何,效果,电脑软件,PS,本教程是对360度行星效应的朋友PS教你如何创建超酷,引导效果很酷,比较简单的方法,推荐感兴趣的朋友可以参考一下这篇文章,希望大家能有所帮助。 我们应该做些什么来创造一个明星的特殊效果一定会有人告诉你使用…

一个用于AI创建三维曲线效果的虚拟

一个用于AI创建三维曲线效果的虚拟

虚拟,曲线,文本,用于,教程,本教程是向朋友介绍ai,创建一个3D曲线效果的幻影文本方法。本教程创建的文本样式非常漂亮,并不是很大。推荐给你最喜欢的朋友。 今天,萧边向您介绍影像文本的方法,AI创建三维曲线的影响。教材的效果很美,也不是很大。…

最受欢迎的QQ签名经典签名

最受欢迎的QQ签名经典签名

最受欢迎,经典,电脑软件,QQ,自从熊出去了,熊孩子非常多。为你的QQ选择一个经典的签名。 1,暧昧的两个字,从字面上看,都想到了一天,但一个假装有了爱,另一个假装有了未来。 2、偶尔安静的生活你会觉得很酷,但你的生活却一片寂静。 3、感情可以培养,…

PS鼠标绘制漂亮的日历图标UI

PS鼠标绘制漂亮的日历图标UI

图标,鼠标,绘制,日历,漂亮,本教程是介绍一个朋友PS鼠标画了一个漂亮的日历UI图标,图标画家教程很漂亮,是中等的,推荐朋友可以参考一下,希望对你有所帮助。 本教程教人用PS鼠绘PS小鼠学习者画出一个漂亮的日历UI图标,UI设计非常流行,作为一个设计…

提高工作效率的常用ps快捷键

提高工作效率的常用ps快捷键

快捷键,提高工作效率,常用,电脑软件,ps,今天,小编辑提供了十一个快速和快速的方法来提高工作效率。 注意:这里我们按Windows键盘告诉,如果是Mac用户,请看下面相应的键: 创建命令 ALT =选项 Backspace删除= 1、Ctrl + Shift +点击(选择多个对象){选…

简介:管理的对象的详细解释(层)在core

简介:管理的对象的详细解释(层)在core

对象,解释,简介,详细,电脑软件,本教程是对象管理的详细帐户(层)在coreldraw9,非常适合初学者学习。推荐给不知道可以参考的朋友。我希望我能读懂你们所有人的帮助。 今天我想介绍对象管理(图)在coreldraw9。我相信对于初学者来说,可能不是很清楚…

Excel设置打印头教程excel基金会

Excel设置打印头教程excel基金会

设置,打印头,教程,基金会,电脑软件,有时您需要在每个页面上显示一个标题,以便您可以查看数据。这是一个练习。 1。启动Excel 1)单击启动-所有程序-微软微软Office Excel 2003; 2)有一个满是格子的空白窗口。这是电子表格。第一个检查框看起来比…