$http.xx()这种方法是异步的吗？为什么没执行完就出来了？

使用更先进的浏览器访问效果更佳。

$http.xx()这种方法是异步的吗？为什么没执行完就出来了？

slh

// 调用v站的api例子，获取最新主题
function test() {
	var result = ""
	url = "https://www.v2ex.com/api/topics/latest.json"
	$http.get({
		url: url,
		handler: function (resp) {
            var data = resp.data[0]['title']
            console.log(data) // Synchronized 的轻量级锁
            result = data
		}
	})
        return result
}

ret = test()
console.log("test的返回值是"+ ret)

执行代码，输出的顺序是(为什么是先执行console.log()，后调用的test函数?? 导致console的时候，还没拿到函数调用结果 ), 假如我下一个函数依赖于test的返回值，这根本就玩不了啊

"test的返回值是undefined"
"Synchronized 的轻量级锁"

不用函数包装，测试了一下，发现只要在$http.xx()内的变量，一率取不出来,，应该是请求还没处理完


    var result
    url = "https://www.v2ex.com/api/topics/latest.json"
    $http.get({
        url: url,
        handler: function (resp) {
            var data = resp.data[0]['title']
            console.log(data)
            result = data
            console.log("里边的："+result)

        },

    })
    console.log("外边的："+result)

执行结果，发现执行结果还是从下往上执行的：

"外边的：undefined"
“mysql数据库索引操作解读”
“里边的： mysql数据库索引操作解读”

slh

@cyan help

cyan

请求都是异步的 https://javascript.info/async

kite

// 调用v站的api例子，获取最新主题
function test() {
   var result = undefined
   let url = "https://www.v2ex.com/api/topics/latest.json"
   return $http.get({
     url: url
   }).then(resp => {
     var data = resp.data[0]['title']
     return data
   })
}

(async () => {
  let result = await test()
  console.log("test的返回值是"+ result)
})()

zeit

kite 谢谢指导。请问第二个这种写法是否async的简略形态？标准写法是什么样子的呢

slh

kite 感谢指导，这个比我采用的方便了很多，点赞点赞

kite

zeit 是函数的简略形态，俗称匿名函数。

原版:
async function temp() { ... }
temp()

转成匿名函数，invoke immediately after declaration:
(async function () { ... })()

转成箭头函数:
(async () => { ... })()

slh

kite 感谢热心解答，

slh

@kite#5778 这个返回值怎么赋值给变量啊？

 var ret = async () => {
      let result = await getUrl()
      console.log("test的返回值是"+ result)
      return result;
    })
alert(ret)  // 还是拿不到result

cyan

(async() => {})();

slh

cyan 钟大帮我看看我的原始需求吧
原始需求：我构建一个webview

views: [
  {
    type: "label",
    props: {
      text: "",
      url:  test() // 这个位置需要用到http异步请求的返回值
    },
    events: {
      tapped: function() {
        $app.close(0);
      }
    }
  }

定义的请求http的函数：

function test() {
   var result = undefined
   let url = "https://www.v2ex.com/api/topics/latest.json"
   return $http.get({
     url: url
   }).then(resp => {
     var data = resp.data[0]['title']
     return data
   })
}

在视图层，我应该如何把fun的返回值传递过去？正确的做法是什么？

cyan

你好 slh 这个问题我是不是在 TG 群里回复过？

$ui.render 是一个同步函数，你要使用异步数据有两种方法：

异步下载之后再 render
render 的时候只是渲染出骨架，获得数据之后再通过 $(id).url = url 来更新。