javascript - 来自变量的函数参数作为字符串 javascript 失败

Question

这有效:

setTheme('#222','#000','wheat','red','wheat','none','none');

这不起作用:=

var theme01 = "'#222','#000','wheat','red','wheat','none','none'"; <br>
setTheme(theme01);

console.log(theme01) = '#222','#000','wheat','red','wheat','none','none'

所以转换成字符串不知何故搞砸了？

我会在捕捉 Canvas 之前切换各种主题吗？我已经全部使用 CSS，但 canvas 不捕获 css 更改或 css 注入(inject)。所以我现在已经准备好使用 Vanilla Javascript，但在经过数小时的测试搜索后需要帮助，只是为了将变量传递给我的函数。哎呀。帮助!

我只用了几个星期，所以这是一个只在 Wordpress 工作后的学习曲线。

function setTheme(topp,bott,txt,hlin,vlin,fOrb,sOrb) {  
  var xx = document.querySelectorAll(".hlin");
  for (var i = 0; i < xx.length; i++) {
    xx[i].style.stroke = hlin;
  }

  var xx = document.querySelectorAll(".vlin");
  for (var i = 0; i < xx.length; i++) {
    xx[i].style.stroke = vlin;
  }
  var xx = document.querySelectorAll(".txt");
  for (var i = 0; i < xx.length; i++) {
    xx[i].style.fill = txt;
  } 
  document.getElementById("svg_20").style.fill = topp; 
  document.getElementById("svg_1").style.fill = bott;
  document.getElementById("svg_2").style.fill = bott;
  document.getElementById("svg_3").style.stroke = txt;
  document.getElementById("svg_5").style.stroke = txt;
  document.getElementById("svg_21").style.fill = fOrb;
  document.getElementById("svg_21").style.stroke = sOrb;

};

Answer 1

是的，您不能将参数列表换成逗号分隔的字符串。您应该使用数据结构来存储它们，例如数组或对象。以下是它如何处理对象的示例。

var theme01 = { topp: '#222', bott: '#000', txt: 'wheat' };
function setTheme ( options ) {
    document.getElementById("svg_20").style.fill = options.topp;
    document.getElementById("svg_1").style.fill = options.bott;
    document.getElementById("svg_3").style.fill = options.txt;
}
setTheme( theme01 )