zoukankan      html  css  js  c++  java
  • 函数异步模拟实现ajax

    //模拟ajax
    function getData(callback){
    setTimeout(function(){
    var name='leo'
    callback(name)
    },1000)
    return true
    }
    console.log(getData(function(data){
    console.log('data:',data)
    }));
    //promise
    var test_promise=new Promise(function(resolve,reject){
    setTimeout(function(){
    var name='leo'
    if(false){
    resolve(name)
    }else{
    reject('我出错了消息')
    }
    },1000)
    })
    test_promise.then((data)=>{
    console.log(data)
    })

    async 和 await

    //获取async中数据的第一种方法
    async function getData3(){
    return 'data next333 '
    }
    var p3 = getData3();
    p3.then(data=>{
    console.log(data)
    })
    //获取async中数据的第一种方法
    async function getData1(){
    return 'data next111 '
    }
    var p1 = getData1();
    p1.then(data=>{
    console.log(data)
    })
    //获取async中数据的第2种方法,await必须用在异步方法里面
    async function getData2(){
    console.log('data2222:22222222222')
    return 'data2222:data2222'
    }
    async function test(){
    console.log('data2222:11111111111')
    //var p2 = await getData2();
    //console.log(p2)
    var p21 = getData2();
    p21.then(data=>{
    console.log(data)
    })
    console.log('data2222:3333333333333')
    }

    test()

  • 相关阅读:
    4、2 核心组件
    promise
    Content-Type
    $routeProvider
    广告
    $apply() $digest()
    异常
    switch
    autoprefixer
    $resource
  • 原文地址:https://www.cnblogs.com/qiqi105/p/9122665.html
Copyright © 2011-2022 走看看