javascript - 将新函数带入闭包

Question

我已经阅读了很多关于闭包的文章，并且我经常使用它们，但是我发现了一个我不理解的案例。为什么我要传递给测试的函数无法访问 hello 变量？它不应该在查看范围更改时找到它吗？我的代码:

(function($){
    var hello="hello world"
    $.test=function(a){
        alert(hello+" 1")
        a()}
})(this)
test(function(){alert(hello+" 2")})

Answer 1

JavaScript 使用 lexical scope (帽子小费 deceze)。作用域由函数的定义位置决定，而不是由函数的传递位置或调用位置决定。

如果您希望一个函数能够从它被传递到的范围访问变量中的数据，您需要定义它以便它接受一个参数，然后您需要传递数据。

"use strict";
(function($) {
  var hello = "hello world"
  $.test = function(a) {
    alert(hello + " 1")
    a(hello);
  }
})(this);
test(function(passed_data) {
  alert(passed_data + " 2")
});

这是一种常见的设计模式。参见 the Promise API例如:

myFirstPromise.then((successMessage) => {
  // successMessage is whatever we passed in the resolve(...) function above.
  // It doesn't have to be a string, but if it is only a succeed message, it probably will be.
  console.log("Yay! " + successMessage);
});

请注意传递给 then() 的函数如何采用一个参数来提供它将要处理的数据。