2024 年 Clojure 状态调查! 中分享您的想法。

欢迎!有关如何工作的更多信息,请参阅 关于 页面。

0
ClojureScript
ClojureScript 编译器将为在 {{let}} 内创建的函数(以及在某些情况下之外的函数)生成大量不必要的函数包装器。这些包装器仅在 {{loop}} 内部或函数使用 {{recur}} 用来处理 JS {{var}} 的怪癖时才是必要的。据我了解,这个提交 [1] 改变了行为,使其始终这样做。

这可能会生成大量的“额外”代码,Closure 编译器无法消除。

一个示例演示了这些包装函数即使没有使用该包装函数应保留的任何局部变量,也可以得到相当长的参数列表。

(ns test.app)

(defn other [x])

(defn dummy [{:strs [foo bar coll] :as p}]
  (let [x "test"
        y "test"
        z "test"

        a (fn [i] i)
        b (fn [i] i)
        c (fn [i] i)]

    (fn return []
      (array a b c))
    ))


生成的代码

// 由 ClojureScript 1.10.520 编译
goog.provide('test.app');
goog.require('cljs.core');
test.app.other = function test$app$other(x) {
    return null;
};
test.app.dummy = function test$app$dummy(p__526) {
    var map__527 = p__526;
    var map__527__$1 = (!(map__527 == null)
    ? map__527.cljs$lang$protocol_mask$partition0$ & 64 ||
      cljs.core.PROTOCOL_SENTINEL === map__527.cljs$core$ISeq$
        ? true
        : false
    : false)
        ? cljs.core.apply.call(null, cljs.core.hash_map, map__527)
        : map__527;
    var p = map__527__$1;
    var foo = cljs.core.get.call(null, map__527__$1, 'foo');
    var bar = cljs.core.get.call(null, map__527__$1, 'bar');
    var coll = cljs.core.get.call(null, map__527__$1, 'coll');
    var x = 'test';
    var y = 'test';
    var z = 'test';
        // 这可以只是一个 var a = function(i) { return i };
    var a = (function(x, y, z, map__527, map__527__$1, p, foo, bar, coll) {
        return function(i) {
            return i;
        };
    })(x, y, z, map__527, map__527__$1, p, foo, bar, coll);
    var b = (function(x, y, z, a, map__527, map__527__$1, p, foo, bar, coll) {
        return function(i) {
            return i;
        };
    })(x, y, z, a, map__527, map__527__$1, p, foo, bar, coll);
    var c = (function(x, y, z, a, b, map__527, map__527__$1, p, foo, bar, coll) {
        return function(i) {
            return i;
        };
    })(x, y, z, a, b, map__527, map__527__$1, p, foo, bar, coll);
    return (function(x, y, z, a, b, c, map__527, map__527__$1, p, foo, bar, coll) {
        return function test$app$dummy_$_return() {
            return [a, b, c];
        };
    })(x, y, z, a, b, c, map__527, map__527__$1, p, foo, bar, coll);
};

编译源映射文件 = app.js.map


目前还没有进行任何基准测试,但我相当确信这也存在一定的运行时开销。

产生此问题的代码应该只优化到实际上需要这些包装器时,并且也只适用于实际使用的局部变量。

或者,我们可以使用 JavaScript const(或 let),因为如今 >98% 的浏览器都支持这个特性 [2],Closure 编译器也能根据某些 <:language-out> 设置为我们生成这些函数包装器(比如当前默认设置)。
 

[1] https://github.com/clojure/clojurescript/commit/78d20eebbbad17d476fdce04f2afd7489a507df7
[2] https://caniuse.cn/#feat=const

14 答案

0
回答者:

评论者:thheller

在此处添加来自实际项目的另一个数据点,该项目使用宏生成一些稍后要使用的函数。

优化后的乱码看起来像这样

`
ii(
ia,
Y,
(function() {

return function(X, m) {
  var r = ji(oh);
  m = Bh(m[0], X);
  li(X, r, Ng, null, "odd");
  mi(r, m);
  return [[r], [r, m]];
};

})(na, Y, ia, G, K, O, T, l, n, p, q, v, x, D),
(function() {

return function(X, m, r, t) {
  return ni(X, m, 1, r[0], t[0]);
};

})(na, Y, ia, G, K, O, T, l, n, p, q, v, x, D)
);
`

这占用了 403 字节,如果去掉这些包装器,则可以节省到 233 字节。我们可以看到 Closure 已经删除了函数绑定,但仍然保留了立即执行的函数表达式(IIFE),因此我们可以完全从这些包装器中消除内容。

`
ii(
ia,
Y,
function(X, m) {

var r = ji(oh);
m = Bh(m[0], X);
li(X, r, Ng, null, "odd");
mi(r, m);
return [[r], [r, m]];

},
function(X, m, r, t) {

return ni(X, m, 1, r[0], t[0]);

}
);
`

我怀疑这实际上在真实应用中可以累积到相当多的代码量。

我将在下个星期看看是否可以解决这个问题。

0
回答者:

评论者:dnolen

我喜欢使用 JavaScript let 进行绑定并让 Closure 处理这个想法。这样可以减少 ClojureScript 中我们自己处理这个问题的代码量。

0
_评论由: thheller_ 提出

由于一些评论在迁移中丢失了,这里进行简要回顾。

该补丁会导致 core.async 和 cljs-oops 用于 cljs-canary 的构建失败。可以忽略 cljs-oops。

https://github.com/cljs-oss/canary/tree/results/reports/2019/05/17/job-000933-1.10.529-2c0eada6

我无法确定 core.async 发生了什么。查看代码后,我似乎觉得它应该会一直崩溃 node 进程。对于为什么在 REPL 中它能工作,对我来说是个谜,但我可以可靠地用和不用补丁的情况下,使用常规编译并手动运行 node 来重复崩溃。

在用 CLJS master 运行的 core.async master 仓库中,我得到了以下失败

$ clojure -Sdeps '{:paths ["src/test/cljs" "src/main/clojure"] :deps {org.clojure/clojurescript {:git/url "https://github.com/clojure/clojurescript.git" :sha "3a0c07477ae781bf521bdc2b074ed7b783bb93f3"}}}' -m cljs.main -d out -re node -c cljs.core.async.test-runner

$ node out/main.js  
正在测试 cljs.core.async.pipeline-test

正在测试 cljs.core.async.buffer-tests

正在测试 cljs.core.async.timers-test

正在测试 cljs.core.async.tests

/mnt/c/Users/thheller/code/oss/core.async/out/cljs/core/async/tests.js:3376
}})();
   ^
错误:断言失败:这个异常是预期的
false
    在 /mnt/c/Users/thheller/code/oss/core.async/out/cljs/core/async/tests.cljs:112:9
    在 /mnt/c/Users/thheller/code/oss/core.async/out/cljs/core/async/tests.cljs:112:9
    在 cljs$core$async$tests$state_machine__18890__auto____1 (/mnt/c/Users/thheller/code/oss/core.async/out/cljs/core/async/tests.js:3376:4)
    在 cljs$core$async$tests$state_machine__18890__auto__ (/mnt/c/Users/thheller/code/oss/core.async/out/cljs/core/async/tests.js:3392:62)
    在 cljs$core$async$impl$ioc_helpers$run_state_machine (/mnt/c/Users/thheller/code/oss/core.async/out/cljs/core/async/impl/ioc_helpers.cljs:35:23)
    在 cljs$core$async$impl$iocHelpers$40__auto____1 (/mnt/c/Users/thheller/code/oss/core.async/out/cljs/core/async/impl/ioc_helpers.cljs:39:6)
    在 /mnt/c/Users/thheller/code/oss/core.async/out/cljs/core/async/tests.cljs:112:9
    在 Immediate.cljs$core$async$impl$dispatch$process_messages (/mnt/c/Users/thheller/code/oss/core.async/out/cljs/core/async/impl/dispatch.cljs:18:7)
    在 runCallback (timers.js:705:18)
    在 tryOnImmediate (timers.js:676:5)


使用应用了补丁的分支仓库,我得到了不同的堆栈跟踪(预期的)但失败结果相同

$ clojure -Sdeps '{:paths ["src/test/cljs" "src/main/clojure"] :deps {org.clojure/clojurescript {:git/url "https://github.com/thheller/clojurescript.git" :sha "b83dcb00546d570ce74fcf130a70a82326857323"}}}' -m cljs.main -d out -re node -c cljs.core.async.test-runner  

$ node out/main.js  

正在测试 cljs.core.async.pipeline-test

正在测试 cljs.core.async.buffer-tests

正在测试 cljs.core.async.timers-test

正在测试 cljs.core.async.tests

/mnt/c/Users/thheller/code/oss/core.async/out/cljs/core/async/tests.cljs:130
        (go
        ^
错误:断言失败:这个异常是预期的
false
    在 switch__20288__auto__ (/mnt/c/Users/thheller/code/oss/core.async/out/cljs/core/async/tests.cljs:130:9)
    在 /mnt/c/Users/thheller/code/oss/core.async/out/cljs/core/async/tests.cljs:130:9
    在 cljs$core$async$tests$state_machine__20289__auto____1 (/mnt/c/Users/thheller/code/oss/core.async/out/cljs/core/async/tests.js:4103:4)
    在 cljs$core$async$tests$state_machine__20289__auto__ (/mnt/c/Users/thheller/code/oss/core.async/out/cljs/core/async/tests.js:4119:62)
    在 cljs$core$async$impl$ioc_helpers$run_state_machine (/mnt/c/Users/thheller/code/oss/core.async/out/cljs/core/async/impl/ioc_helpers.cljs:35:23)
    在 cljs$core$async$impl$iocHelpers$40__auto____1 (/mnt/c/Users/thheller/code/oss/core.async/out/cljs/core/async/impl/ioc_helpers.cljs:39:6)
    在 /mnt/c/Users/thheller/code/oss/core.async/out/cljs/core/async/tests.cljs:130:9
    在 Immediate.cljs$core$async$impl$dispatch$process_messages (/mnt/c/Users/thheller/code/oss/core.async/out/cljs/core/async/impl/dispatch.cljs:18:7)
    在 runCallback (timers.js:705:18)
    在 tryOnImmediate (timers.js:676:5)


仍在试图弄清楚为什么事情在 REPL 中不会失败,但我有点认为问题不在补丁上。
0
_评论由: mfikes_ 提出

这是我运行它的方式


clojure -Sdeps '{:paths ["src/test/cljs" "src/main/clojure"] :deps {org.clojure/clojurescript {:git/url "https://github.com/clojure/clojurescript.git" :sha "3a0c07477ae781bf521bdc2b074ed7b783bb93f3"}}}' -m cljs.main -d out -re node src/test/cljs/cljs/core/async/test_runner.cljs


输出结果如下


$ clojure -Sdeps '{:paths ["src/test/cljs" "src/main/clojure"] :deps {org.clojure/clojurescript {:git/url "https://github.com/clojure/clojurescript.git" :sha "3a0c07477ae781bf521bdc2b074ed7b783bb93f3"}}}' -m cljs.main -d out -re node src/test/cljs/cljs/core/async/test_runner.cljs

正在测试 cljs.core.async.pipeline-test

正在测试 cljs.core.async.buffer-tests

正在测试 cljs.core.async.timers-test

正在测试 cljs.core.async.tests
错误:断言失败:这个异常是预期的
false
    在 /Users/mfikes/Projects/core.async/out/cljs/core/async/tests.js:3318:19
    在 /Users/mfikes/Projects/core.async/out/cljs/core/async/tests.js:3355:51
    在 cljs$core$async$tests$state_machine__18881__auto____1 (/Users/mfikes/Projects/core.async/out/cljs/core/async/tests.js:3376:4)
    在 cljs$core$async$tests$state_machine__18881__auto__ (/Users/mfikes/Projects/core.async/out/cljs/core/async/tests.js:3392:62)
    在 cljs$core$async$impl$ioc_helpers$run_state_machine (/Users/mfikes/Projects/core.async/out/cljs/core/async/impl/ioc_helpers.js:96:74)
    在 cljs$core$async$impl$ioc_helpers$run_state_machine_wrapped (/Users/mfikes/Projects/core.async/out/cljs/core/async/impl/ioc_helpers.js:99:63)
    在 /Users/mfikes/Projects/core.async/out/cljs/core/async/tests.js:3407:67
    在 Immediate.cljs$core$async$impl$dispatch$process_messages (/Users/mfikes/Projects/core.async/out/cljs/core/async/impl/dispatch.js:20:9)
    在 processImmediate (internal/timers.js:443:21)
    在 process.topLevelDomainCallback (domain.js:136:23)
错误:断言失败:这个异常是预期的
false
    在 /Users/mfikes/Projects/core.async/out/cljs/core/async/tests.js:3923:19
    在 /Users/mfikes/Projects/core.async/out/cljs/core/async/tests.js:3961:51
    在 cljs$core$async$tests$state_machine__18881__auto____1 (/Users/mfikes/Projects/core.async/out/cljs/core/async/tests.js:3982:4)
    在 cljs$core$async$tests$state_machine__18881__auto__ (/Users/mfikes/Projects/core.async/out/cljs/core/async/tests.js:3998:62)
    在 cljs$core$async$impl$ioc_helpers$run_state_machine (/Users/mfikes/Projects/core.async/out/cljs/core/async/impl/ioc_helpers.js:96:74)
    在 cljs$core$async$impl$ioc_helpers$run_state_machine_wrapped (/Users/mfikes/Projects/core.async/out/cljs/core/async/impl/ioc_helpers.js:99:63)
    在 /Users/mfikes/Projects/core.async/out/cljs/core/async.js:4290:67
    在 /Users/mfikes/Projects/core.async/out/cljs/core/async.js:609:13
    在 /Users/mfikes/Projects/core.async/out/cljs/core/async/impl/channels.js:201:12
    在 Immediate.cljs$core$async$impl$dispatch$process_messages (/Users/mfikes/Projects/core.async/out/cljs/core/async/impl/dispatch.js:20:9)

运行了44个测试,包含200个断言。
无失败,无错误。
0

评论者:thheller

(链接: ~mfikes):是的,这正是我在REPL中运行的事情。你的方法在没有补丁的情况下可以工作,但是有了补丁就不可以了。然而,将Node进程与编译分离在这种情况下都失败了。根据我的理解,你的方法是通过一个管理的node-repl进程运行代码。

我无法理解为什么你的方法可以工作,所以我尝试分别运行这些事情,以便我可以使用{{node --inspect-brk out/main.js}}运行进程,并附加一个调试器。然而,由于这种方式总是失败,我认为我的补丁实际上不是问题所在。调试这样的异步代码很难...

0

评论者:mfikes

(链接: ~thheller)也许只有当在REPL中时才有效,因为CLJS-2780中存在延迟的Node关闭代码。

0

评论者:thheller

我对{{node}}的理解是,任何未捕获的异常都应该导致node进程(链接:https://node.org.cn/api/process.html#process_event_uncaughtexception 文档:退出)。这看起来在REPL中是被阻止的,因为node-repl.js代码使用已废弃的"domain"包(顺便一提)来(链接:https://github.com/clojure/clojurescript/blob/59997385d85e7e1af1559d599eb51fdb1d7e93b1/src/main/clojure/cljs/repl/node_repl.js#L50 文档:捕获)此错误,从而防止退出。

我看不出为什么我的补丁不起作用。

在你的堆栈跟踪中,它从domain.js开始,而我的不是。我无法理解为什么,因为负责这一点的代码甚至不是CLJS编译代码,所以它实际上不应该有任何不同。

`
;; 没有补丁

at Immediate.cljs$core$async$impl$dispatch$process_messages (/Users/mfikes/Projects/core.async/out/cljs/core/async/impl/dispatch.js:20:9)
at processImmediate (internal/timers.js:443:21)
at process.topLevelDomainCallback (domain.js:136:23)

;; 有补丁

at Immediate.cljs$core$async$impl$dispatch$process_messages (/mnt/c/Users/thheller/code/oss/core.async/out/cljs/core/async/impl/dispatch.cljs:18:7)
at runCallback (timers.js:705:18)
at tryOnImmediate (timers.js:676:5)

`

无论如何,这表明补丁实际上并不是导致失败的原因,因为我们即使在没有那个REPL错误陷阱的情况下运行它也会失败。

0

评论者:mfikes

如果你更新了{{core.async}}在其{{project.clj}}中的依赖项

  • clojure 1.10.0
  • lein-cljsbuild 1.1.7

然后运行如{{core.async}}的README文件中所述的单元测试(它涉及到在浏览器中运行它们),它们使用ClojureScript 1.10.520通过,但从未完成(显示通过/失败的测试数量)与使用CLJS-3077.patch构建的ClojureScript master。

0

评论者:thheller

多谢Mike。我终于弄明白了...逻辑假设了循环之外的let绑定都不需要捕获。然而,逻辑假设判断你实际上在循环中是很容易的,它是通过检测第一个循环绑定来实现的。但没有考虑到没有绑定的情况...

`
(defn foo [a b]
(let [x ...] ;; 不捕获

(loop [] ;; sneaky
  (let [y ...]  ;; y needs to be captured but wasn't
    (side-effect (fn [] (use x y)))
    (recur))))

`

0

评论者:thheller

新的补丁应该更可靠(并且通过core.async测试)。我还添加了一些测试,虽然承认它们有些粗略,但我无法想出更干净的测试方法。

0

评论者:mfikes

CLJS-3077-2.patch 通过了 CI 和 Canary 测试(/)
(由于生成的代码更改,预期会产生 {{cljs-oops}} 故障。)

0

评论者:mfikes

CLJS-3077-2.patch 已添加到 Patch Tender(i)

0

评论者:mfikes

CLJS-3077-2.patch 现在不再适用。

0
引用: https://clojure.atlassian.net/browse/CLJS-3077(由 thheller 报告)
...