什么是异步执行？

各语句执行结束的顺序与语句执行开始的顺序并不一定相同。在angularJS中，可以理解成界面可以操作，但是有一个程序在后面默默的执行，执行成功后可以控制界面显示结果。

AngularJS如何实现异步

在angularJS的控制器中定义的函数、语句默认都是同步执行，当需要使用异步时，可以通过$q实现，根据有无后台数据请求，这里分两种实现方式：

第一种实现方式，无有后台请求

//定义一个异步方法
$scope.init_q = function(){//-------------// 其他语句//-------------return $q(function (resolve, reject) {$timeout(function () {try{//-------------//    编写自己的业务//-------------resolve("resolve");}catch (e){reject("reject");}},1000)});
}//执行异步
$scope.init_q().then(function(data){console.log("执行了resolve方法，收到数据：",data);
},function(data){console.log("执行了reject方法，收到数据：",data);
});

第二种实现方式，有后台请求

 //定义一个异步,第二种$scope.init_q_2 = function(){//通知这是一个延时请求var deferred = $q.defer();//获取请求数据$scope.curBusiUser = localStorage.getItem('curBusiUser');var _config = {responseType: 'json',cache: false};_config.headers = {hy_serviceName: 'clear'};var _data={curBusi:$scope.curBusiUser}//向后台服务发送请求$http.post('http://172.20.184.218:7770/ywsdWebApp/serviceInvoke',_data , _config).success(function (data) {try{deferred.resolve(data);}catch (e){deferred.reject("reject");}}).error(function () {deferred.reject("reject");});return deferred.promise;}//执行异步$scope.init_q_2().then(function(data){//---------------//业务处理//---------------console.log("执行了resolve方法，收到数据：",data);},function(data){//---------------//业务处理//---------------console.log("执行了reject方法，收到数据：",data);});

demo示例

实现方式，可以直接写在控制器中，也可以写到服务中，demo是直接在controller中编写，页面代码：

<style>.main{width:100vw;height:100vh;background: #aaaaaa;}
</style>
<ons-page ng-controller="demoDeferController" ><ons-scroller><div class="main">当前数据：{{num}}</div></ons-scroller>
</ons-page>

控制器代码：

/*** Created by GeneralMou on 2018/9/27.*/
app.controller('demoDeferController', ['$scope','$q','$http','$timeout',function($scope,$q,$http,$timeout){//同步$scope.init = function(){$scope.num = 0;while($scope.num<20000){console.log("$scope.num",$scope.num);$scope.num++;}}//$scope.init();//异步$scope.init_q = function(){$scope.num = 0;return $q(function (resolve, reject) {$timeout(function () {try{while($scope.num<20000){console.log("$scope.num",$scope.num);$scope.num++;}resolve("resolve");}catch (e){reject("reject");}},1000)});}/**$scope.init_q().then(function(data){console.log("执行了resolve方法，收到数据：",data);},function(data){console.log("执行了reject方法，收到数据：",data);});**///定义一个异步,第二种$scope.init_q_2 = function(){//通知这是一个延时请求var deferred = $q.defer();//获取请求数据$scope.curBusiUser = localStorage.getItem('curBusiUser');var _config = {responseType: 'json',cache: false};_config.headers = {hy_serviceName: 'clear'};var _data={curBusi:$scope.curBusiUser}//向后台服务发送请求$http.post('http://172.20.184.218:7770/ywsdWebApp/serviceInvoke',_data , _config).success(function (data) {try{deferred.resolve(data);}catch (e){deferred.reject("reject");}}).error(function () {deferred.reject("reject");});return deferred.promise;}//执行异步$scope.init_q_2().then(function(data){//---------------//业务处理//---------------console.log("执行了resolve方法，收到数据：",data);},function(data){//---------------//业务处理//---------------console.log("执行了reject方法，收到数据：",data);});
}]);