Clojurescript：将cljs映射转换为javascript哈希

Question

以下代码段不起作用

     headerElement (goog.dom/createDom
                    "div" (.strobj {"style" "background-color:#EEE"})
                    (:title note))

原因：

{...}创建一个Clojurescript地图。我需要一个javascript对象/ hash。

问题：

如何进行这种微不足道的转换？

Answer 1

您还可以使用#js reader literal来创建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")

它的好处在于它以递归方式工作 - 转换嵌套数据结构。

关于它我做了post（如果我可以自己做广告）

Answer 2

cljs.core / js-obj应该对此有所帮助。请注意，它需要正常的数组/列表（而不是地图）。

headerElement (goog.dom/createDom
               "div" (js-obj "style" "background-color:#EEE")
               (:title note))

Answer 3

此宏可让您将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)
)