内部的变量值。然后范围不同于外部的变量值。然后范围

时间:2017-01-30 06:18:18

标签: javascript

我在src内和.then之外记录.then变量的值,我发现src有不同的值,我想知道原因:

getUserPicSrc(){
        var src;
        var db=new window.PouchDB('http://127.0.0.1:5984/passport-test');
        db.getAttachment(this.props.store.user._id,'pic.jpg').then(blob=>{
            src=window.blobUtil.createObjectURL(blob);
            console.log('src inside then: '+src);// src inside then: blob:http://127.0.0.1:10002/ed1cf453-3902-4064-8966-e74c4a1ee6b4
        }).catch(error=>{
            console.log(error);
        })
        console.log('src outside then: '+src);// src outside then: undefined
        return src;
    }

更新

我最终这样做了,效果很好:

setUserPicSrc(){
    var db=new window.PouchDB('http://127.0.0.1:5984/passport-test');
    db.getAttachment(this.props.store.user._id,'pic.jpg').then(blob=>{
        var url=window.blobUtil.createObjectURL(blob);
        console.log('url: '+url);
        document.getElementById('userPic').src=url;
    }).catch(error=>{
        console.log(error);
    })
}

1 个答案:

答案 0 :(得分:1)

非常简单的回答: 外部src变量首先运行并打印undefined。因为http调用尚未完成,因此未分配值。 .then需要花费少量时间。