如何在javascript中扩展函数变量的范围?

时间:2016-05-20 05:06:34

标签: javascript protractor

我在量角器中有一个基本功能:

this.getCurrentUrl = function () {
    browser.getCurrentUrl().then(function(url){
        console.log('url : '+url);
    });
};

现在有一种方法可以访问内部函数作用域之外的'url',因为我需要将此值返回给调用此函数的其他函数。我需要获取值并从then(function(url){...}

之外返回

1 个答案:

答案 0 :(得分:1)

网址将被异步获取,因此您无法分配它。你可能想把它作为一个回调。

function handleUrl(url) {
  // here is where you do something with the url
}

// let your callback be called
this.getCurrentUrl = function(fn) {
  browser.getCurrentUrl().then( function (url) {
    fn(url);
  }) 
}

// make the call with your handler
this.getCurrentUrl(handleUrl);

另一种方法是让你的函数返回一个"容器"这会后来膨胀。然后你可以检查你的容器。由于行为是异步的,你不知道什么时候会准备就绪,所以你可以在一段时间内检查它......

// return a container object
this.getCurrentUrl = function() {
    var urlContainer = {};
    browser.getCurrentUrl().then( function (url) {
      urlContainer.url = url;
    });
    return urlContainer;
}

var urlContainer = this.getCurrentUrl(); // starts off as an empty object
urlContainer.url // undefined

// then shortly in the future

urlContainer.url // has some url

然而第三种方法是返回一个闭包

this.getCurrentUrl = function() {
   var urlValue;
   browser.getCurrentUrl().then(function(url) {
      urlValue = url;
   });
   return function() {
      return urlValue;
   }
}

var getUrl = this.getCurrentUrl(); 
getUrl(); // initially, returns undefined;

// keep trying. then shortly in the future...
getUrl(); // now has the url