分享您的想法,参与 2024 年 Clojure 状态调查!

欢迎!请参阅关于页面,了解此工作方式的更多信息。

0
ClojureScript
CLJS 编译器将为 {{let}} 内部创建的函数(以及在某些情况下外部创建的函数)生成大量的不必要的函数包装器。只有在 {{loop}} 内部,或者当函数使用 {{recur}} 来处理 JS {{var}} 的怪癖时,这些函数包装器才是必需的。据我所知,此提交 [1] 已经更改了行为,使其总是这样做。

这可能会生成大量的“额外”代码,Closure Compiler 将无法去掉。

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

(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);
};

//# sourceMappingURL=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本身仍然 intact,因此我们可以做 nothing from these wrappers。

`
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主分支的core.async主分支中,得到以下失败

$ 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_preferences$run_state_machine (/mnt/c/Users/thheller/code/oss/core.async/out/cljs/core/async/impl/ioc_preferences.cljs:35:23)
    在 cljs$core$async$impl$ioc_preferences$run_state_machine_wrapped (/mnt/c/Users/thheller/code/oss/core.async/out/cljs/core/async/impl/ioc_preferences.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_preferences$run_state_machine (/mnt/c/Users/thheller/code/oss/core.async/out/cljs/core/async/impl/ioc_preferences.cljs:35:23)
    在 cljs$core$async$impl$ioc_preferences$run_state_machine_wrapped (/mnt/c/Users/thheller/code/oss/core.async/out/cljs/core/async/impl/ioc_preferences.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个失败,0个错误。
0

评论者:thheller

(链接:~mfikes):是的,这就是我在REPL中运行事物时所指的。没有补丁的话,你的方法工作,但带了补丁就不行。然而,将node进程与编译分开运行在这两种情况下都失败了。据我所知,你的方法是通过对节点的管理终端REPL进程来运行代码。

我不知道为什么你的方法会这样工作,所以我尝试单独运行事物,这样我就可以用{{node --inspect-brk out/main.js}}运行进程并附加调试器。然而,由于这种方式总是失败,我认为这里的补丁实际上并没有问题。调试这种异步代码很难...

0

评论者:mfikes

(链接:~thheller) 可能只有当在REPL中进行时才会工作,因为CLJS-2780中存在延迟的Node关闭代码。

0

评论者:thheller

我对 {{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

如果您在它的 {{project.clj}} 中更新 {{core.async}} 的依赖项

  • clojure 1.10.0
  • lein-cljsbuild 1.1.7

然后按照 {{core.async}} 的 README 中描述的方式运行单元测试(这涉及到在浏览器中运行它们),它们在 ClojureScript 1.10.520 下通过,但在使用带有 CLJS-3077.patch 编译的 ClojureScript master 下永远不会完成(显示通过/失败的测试数量)。

0

评论者:thheller

谢谢迈克。我终于知道了 ... 逻辑假设所有循环外的 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 通过了持续集成和公测阶段测试(/)
(由于生成的代码更改,预期会出现 {{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 报告)
...