野花--js中使用+实现转换成字符串的小注意

在使用C3的transform时出现的一个问题:

this.style.transform = 'translateX(' + boxLeft + e.targetTouches[0].pageX - startX + 'px)';
这个并没有出现我预料的结果变成 translateX(50px),实际上,结果是 NaNpx)
而如果我单独将前面的'translateX('去掉,后面的又变为预料的结果 50px)

这就说明在使用+号将数值变为字符串时,数值一定要在前面,只能是 数值+字符串 才能转换成字符串,如果是字符串+数值,那么就会出现NaN的结果

最后,我将后端加了括号,优先运算则实现了效果:
this.style.transform = 'translateX(' + (boxLeft + e.targetTouches[0].pageX - startX + 'px)');