D3.js语法理解

在过去的几周里，我一直在学习D3，我已经理解了D3的概念，并用它创建了一些动画和地图，但是我在理解一个语法结构时遇到了困难：

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

---

我知道它做什么以及如何使用它，但是我想知道为什么我需要在“100”之前和之后加“+”？我以前对javascript没有太多经验…

在示例中不必使用“+”。但当100是变量的值时，必须这样做，例如：

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

---

本例中的“+”是简单的字符串连接运算符，它只是在字符串中添加文本“100”。所以它的结果是：

attr（“transform”，“translate（100，0）”）
在示例中不必使用“+”。但当100是变量的值时，必须这样做，例如：

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

本例中的“+”是简单的字符串连接运算符，它只是在字符串中添加文本“100”。所以它的结果是：
attr（“transform”，“translate（100，0）”）
在示例中不必使用“+”。但当100是变量的值时，必须这样做，例如：

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

本例中的“+”是简单的字符串连接运算符，它只是在字符串中添加文本“100”。所以它的结果是：
attr（“transform”，“translate（100，0）”）
在示例中不必使用“+”。但当100是变量的值时，必须这样做，例如：

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

本例中的“+”是简单的字符串连接运算符，它只是在字符串中添加文本“100”。所以它的结果是：
attr（“transform”，“translate（100，0）”）