D3.js語法理解

Question

我一直在學習D3在過去的幾個星期，我有概念的理解和創造了一些動畫和貼圖用它，但是我無法理解一個語法結構：

attr("transform", "translate(" + 100 + ",0)"); 

我知道它在做什麼以及如何使用它，但是我想知道爲什麼我需要在「100」之前和之後加「+」？我之前沒有太多的JavaScript經驗......

Answer 1

你不必在你的例子中使用'+'。但你必須這樣做時，100是可變例如值：

var a = 100; 
attr("transform", "translate(" + a + ", 0)"); 

的「+」在這種情況下是簡單的字符串連接操作符，它只是將字符串中的文本「100」。所以結果是：attr("transform", "translate(100 ,0)");