`
kalogen
  • 浏览: 878243 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

javascript用方法内嵌方法解决异步回调同步的问题!惊喜哈!

阅读更多

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>api测试页面</title>
<style type="text/css">
       body {
              background-color: #FFF;
              font-family: "Arial", "宋体";
       }
    textarea{font-size:12px;padding:0;height:290px;}
    .link{height:300px;overflow:auto;font-size:12px;}
</style>

<script type="text/javascript" src="http://app.mapabc.com/apis?

&t=flashmap&v=2.3.4&key=b0a7db0b3a30f944a21c3682064dc70ef5b738b062f6479a5eca39725798b1ee300bd8d5de3a4ae3"></script>
 
</head>
<body >
  <input type="button" value="test"  id="outputArea" onclick="javascript:ttt();"/>

   <SCRIPT LANGUAGE="JavaScript">
 

  function t(c){
  var cc = c;
 //通过中心点坐标查询周边POI
 function PoiSearchByCenterXY(){
    var ls = new MLocalSearch();
    var lso = new MLocalSearchOptions();
    ls.setCallbackFunction(test);
    ls.poiSearchByKeywords("酒店",cc,lso);
 }
 
 function test(data){
   alert(data.poilist[0].citycode  + "  " + cc);
  
 }
 return PoiSearchByCenterXY;
  }

 


function ttt(){
 for(var i=1;i<4;i++){
  ftt(i);
 }
}
function ftt(i){
 var cc;
 if(i==1){
  cc = "010";
 }else if(i==2){
  cc="021";
 }else if(i==3){
  cc="022";
 }
 t(cc)();
}
   </SCRIPT>
</body>
</html>

分享到:
评论

相关推荐

    javascript高级代码例子

    5. **异步编程:回调函数、Promise和async/await**:JavaScript是单线程的,因此需要异步处理来避免阻塞。回调函数是基本的异步处理方式,但可能导致“回调地狱”。Promise提供了更优雅的链式处理,而async/await则...

    DWR 取得回调函数返回值案列

    此外,还可以进一步简化上述过程,将回调函数的定义内嵌到调用Java方法的过程中,代码更为简洁。 ```javascript function Test() { var _data = ""; // 初始化变量 this.getString = function() { DWREngine....

    javascript

    回调函数解决了非阻塞I/O问题,但可能导致回调地狱;Promise引入了链式调用,改善了异步代码的可读性;async/await则是基于Promise的语法糖,让异步代码更接近同步风格。 7. **DOM操作** Document Object Model ...

    javascript自学大全

    16. Promise:用于处理异步操作,解决回调地狱问题,提供链式调用和错误处理机制。 17. async/await:基于Promise的新异步编程方式,使得异步代码看起来更像同步代码。 六、AJAX与Fetch API 18. AJAX(异步...

    JavaScript中常用的一百零七条语句

    17. Promise:解决异步编程中的回调地狱问题,提供链式调用的解决方案。 18. Generator:用于生成迭代器,可以暂停和恢复执行,常用于异步编程。 19. async/await:基于Promise,提供更简洁的异步控制流,使异步...

    webview与js的交互调用

    例如,Java可以通过方法参数传递数据给JavaScript,反之,JavaScript可以通过回调函数将数据返回给Java。 六、权限管理 从Android 6.0(API 23)开始,WebView需要动态请求`INTERNET`权限。在`AndroidManifest.xml`...

    Javascript教程--从入门到精通【完整版】

    1. 回调函数:早期的异步处理主要通过回调函数,但容易导致“回调地狱”问题。 2. Promise:Promise是ES6引入的处理异步操作的方法,避免了回调地狱。 3. async/await:基于Promise的异步控制流,使得异步代码看起来...

    《JavaScript编程全解》PDF版本下载.txt

    - **回调函数**:传统的异步处理方式。 - **Promise**:处理异步操作的一种更优雅的方式。 - **async/await**:使异步代码看起来更像同步代码的新特性。 - **事件循环**:理解JavaScript的执行机制和事件循环。 ###...

    javascript代码

    8. **Promise和async/await**:Promise用于处理异步操作,解决回调地狱问题。而`async/await`是Promise的语法糖,使得异步代码看起来更像同步代码,提高了代码的可读性。 9. **模板字符串**:ES6引入了模板字符串...

    Javascript技术文档

    1. 回调函数:解决异步问题的传统方式,但可能导致回调地狱。 2. Promise:ES6引入的异步解决方案,通过then和catch处理异步操作。 3. async/await:基于Promise的语法糖,使得异步代码看起来更像同步代码。 七、...

    Web开发必用javascript技巧

    1. **异步编程**:利用Promise、async/await进行更优雅的异步处理,避免回调地狱,提高代码可读性。 2. **模块化**:通过CommonJS(Node.js)或ES6的import/export实现模块化,便于代码组织和重用。 3. **事件委托...

    Android Webview调js

    - 考虑使用`evaluateJavascript()`方法执行简单的JavaScript代码,它在API 19及以上版本中可用,可以在主线程中同步执行。 - 对于大量或复杂的交互,考虑使用消息队列和任务调度策略优化性能。 7. **处理跨域问题...

    200个js技巧汇总

    10. **异步编程**:包括回调函数、Promise、async/await,掌握异步编程能处理复杂的并发问题。 11. **闭包**:闭包是JavaScript中的一个重要概念,它可以访问并保持对外部变量的引用,常用于模块化、私有变量和记忆...

    day03-js高级作业.zip

    5. **Promise 对象**: 用于异步计算,代表一个尚未完成但预期将来完成的操作,解决了回调地狱问题,是ES6引入的重要特性。 6. **Generator 函数**: 支持暂停和恢复执行的函数,通过`yield`关键字实现,常用于处理...

    [removed]贾斯汀·米切尔(Justin Mitchell)撰写的2021年Javascript综合指南(预发行版)

    4. **Promise**:处理异步操作的利器,解决了回调地狱问题。 5. **Async/Await**:基于Promise的异步编程,使得异步代码看起来更像同步代码。 ### JavaScript与机器学习 JavaScript也能涉足机器学习领域,借助库...

    Javsscript最常用的技巧.rar

    6. **异步编程**:JavaScript是单线程的,因此使用回调函数、Promise和async/await来处理异步操作,避免阻塞主线程。 7. **DOM操作**:通过JavaScript可以对HTML文档进行增删改查操作,如`document.getElementById`...

    day01-js高级第一天课件复习资料.rar

    异步编程包括回调函数、Promise、async/await等技术,其中async/await提供了更接近同步编程的语法糖。 6. **this关键字**:this的值取决于函数的调用方式,可以指向全局对象、函数对象、对象实例或者undefined。...

    DailyStudy:这是我的日常学习!!!!

    通过持续的DailyStudy,你可以深入理解JavaScript的各个方面,并将其应用到实际项目中,提升自己的开发技能和解决问题的能力。在学习过程中,不断实践和总结,结合相关资源如MDN Web Docs、Stack Overflow等,将有助...

    js代码 多种js效果 代码

    2. Promise:处理异步操作,解决回调地狱问题,使代码结构更清晰。 3. async/await:基于Promise的语法糖,让异步代码看起来像同步代码。 六、ES6及以后的新特性 1. let/const:块级作用域,避免变量污染。 2. ...

    JavaScript教程:JS中的命令和代码示例

    - Promises:用于解决回调地狱问题,链式调用处理异步操作。 - async/await:基于Promise的语法糖,使得异步代码看起来更像同步代码。 7. **模板字符串** - ES6引入的新特性,使用反引号(`)包围,可以内嵌表达式...

Global site tag (gtag.js) - Google Analytics