JavaScript使用变量复制背景色时出现color未定义错误怎么解决

问题根因 #

你遇到的Uncaught ReferenceError: color is not defined报错和函数参数是否声明无关，是HTML行内事件的传参写法错误导致的：
JavaScript操作style对象时，带中划线的CSS属性需要转换为驼峰命名格式，你写的event.target.style.background-color会被引擎解析为「event.target.style.background减去变量color」的运算逻辑，自然找不到未定义的color变量触发报错。

修正方案 #

把行内onclick事件里的属性名改成驼峰写法即可：

<p id="redSelector" style="background-color:red;" onclick="selectColor(event.target.style.backgroundColor)">Copy me!</p>

关于函数参数的疑问解答 #

不需要像var newColor那样单独声明函数参数变量：函数定义时括号内写的color就是形参声明，相当于已经在函数作用域内创建了color变量，不需要额外重复声明。

内容的提问来源于stack exchange，提问作者Lukedoc321