JavaScript中如何实现数字与运算符拼接而非执行运算？

核心原因是你传递的11-10被JavaScript当作算术表达式执行了，而非字符串参数。哪怕按钮的HTML代码显示的是method(1,[11-10, 12-10])，点击时JS引擎会自动计算减法，所以数组最终变成[1,2]。

直接解决方案 #

把数组里需要保留x-y格式的内容用引号（单引号/双引号）包裹，让它们成为字符串字面量：

// 正确的调用方式
method(1, ['11-10', '12-10'])

这样点击按钮时，数组元素就是字符串"11-10"和"12-10"，不会被解析成减法运算。

动态生成按钮的注意事项 #

如果是用JS动态生成按钮或拼接HTML字符串，要注意引号的转义，避免语法错误：

// 方式1：直接绑定事件函数
const btn = document.createElement('button');
btn.textContent = '点击触发';
btn.addEventListener('click', function() {
  method(1, ['11-10', '12-10']);
});
document.body.appendChild(btn);

// 方式2：拼接HTML字符串（注意转义引号）
const btnHtml = `<button onclick="method(1, ['11-10', '12-10'])">点击触发</button>`;
document.body.innerHTML += btnHtml;

关于你测试代码的补充 #

你提到的var string = 11+'-'+10本身是能得到"11-10"的（JS中数字与字符串相加会自动做字符串拼接），如果实际得到了1，大概率是代码写错了（比如误写为11-+10），但这不是核心问题，重点还是onClick参数的引号包裹。

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