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