JS代码实现逗号后加空格功能出错，请求排查问题

嘿，刚接触jQuery的时候很容易踩这个变量作用域的坑，我来给你掰扯清楚～

你的代码问题出在哪？ #

你在$(".content").text()的回调函数里，把第二个参数命名成了$string——这和你外部定义的全局变量$string重名了！

在JavaScript里，函数内部的局部变量会“遮蔽”外部的同名变量，也就是说，回调里的$string其实是当前.content元素的原有文本内容（如果元素一开始是空的，这个值就是undefined），而不是你一开始定义的'hello,world'。你对着undefined调用replace()，自然不会有任何效果。

针对你的需求的两种修复方案 #

方案1：直接处理预定义字符串后赋值（最直接）

如果你是想把自己预先定义的'hello,world'处理成'hello, world'，再放到.content里，根本不需要用回调函数，直接处理后赋值就行：

var $string = 'hello,world';
$(".content").text($string.replace(/,/g, ", "));

方案2：用回调函数但避免变量名冲突（适合需要动态处理的场景）

如果你一定要用回调（比如有多个元素需要批量处理），只要把回调里的参数名改掉，别和外部变量重名就行：

var $string = 'hello,world';
$(".content").text(function(index, currentText) {
  // 这里用的是外部定义的$string，而不是回调的参数
  return $string.replace(/,/g, ", ");
});

额外场景：如果是要修改元素原有文本

如果你实际需求是给.content里已经存在的文本加逗号空格，那不需要外部定义$string，直接用回调的第二个参数即可：

$(".content").text(function(index, currentText) {
  // currentText就是元素当前的文本内容
  return currentText.replace(/,/g, ", ");
});

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