以下代码片段不起作用
headerElement (goog.dom/createDom
"div" (.strobj {"style" "background-color:#EEE"})
(:title note))
原因:
{ ... } 创建一个 Clojurescript 映射。我需要一个javascript对象/哈希。
问题:
如何进行这种微不足道的转换?
您还可以使用#js
读取器文本来创建 JavaScript 对象或数组。
你可以写:
(def test1 #js {:foo 1 :bar false})
创建 JavaScript 代码:
namespace.test1 = {"bar":false, "foo":1};
对于数组:
(def test2 #js [1 2 3 false nil true])
创建:
namespace.test2 = [1, 2, 3, false, null, true];
您还可以使用clj->js
功能:
(clj->js :style "background-color:#EEE")
它的好处是它可以递归工作 - 转换嵌套的数据结构。
我写了一篇关于它的帖子(如果我能为自己做广告)
cljs.core/js-obj应该对此有所帮助。请注意,它采用正常的数组/列表(不是地图)。
headerElement (goog.dom/createDom
"div" (js-obj "style" "background-color:#EEE")
(:title note))
此宏将允许您将js-obj
与关键字一起使用:
宏观
(defmacro obj [& key-values]
(let [obj-def (apply concat (map #(list (name (first %)) (last %))
(partition 2 key-values)))]
`(cljs.core/js-obj ~@obj-def)
))
用法
(obj
:key someVal
:otherKey (fn [a b] a)
)