function(x)中的x是代表什么？_Html5_论坛

function(x)中的x是代表什么？

lo***ng 分类：Html5 人气：869 回帖：6 发布于6年前收藏

for (var i=0; i < document.getElementsByClassName('gg_blank').length; i++) {
    var tabletd_gg=document.getElementsByClassName('gg_blank')[i].innerHTML;    
    var count = 0;
    var res_gg = tabletd_gg.replace(/~/g, function(x){ var symbol = count++ == 1 ? '~<br/>' : x; return symbol;});
    document.getElementsByClassName('gg_blank')[i].innerHTML=res_gg;
    }

function(x){ var symbol = count++ == 1 ? '~<br/>' : x; return symbol;}
这句话咋理解啊，主要不知道x代表的是啥，我好蠢

标签：css html html5 javascript

讨论这个帖子（6）垃圾回帖将一律封号处理……

Lv3 码奴

ch***az 职业无 6年前#1

replace(A,B) 中B是回调函数可以为空，函数的第一个参数，是匹配成功的字符。可以使用console.log，将这些值在控制台中输出，具体再来看每个函数意义。

Lv6 码匠

风***呀 Web前端工程师 6年前#2

咦这不是我昨天写的么

楼上 @leeyong 已经贴了 MDN 的图了
语法是：str.replace(regexp|substr, newSubStr|function)

其中第二个参数如果传方法的话，会有三个参数：
参数1：匹配到的字符串 (string) 正则写的是 /~/g 所以第一个参数 (x) 为 ~
参数2：匹配到的字符串的索引位置 (int)
参数3：要替换的原字符串就是 str

回调函数的参数可以随意命名临时的无意义的我习惯命名 x 你也可以换一个有意义点的名称
顺便提一句一般这种我都会用 ES6 的 Arrow Function (lambda 表达式) 来写：

str.replace(/~/g, x => count++ == 1 ? '~<br/>' : x);
// 等价于
str.replace(/~/g, function(x) { return count++ == 1 ? '~<br/>' : x });

只不过现在支持这种写法的浏览器比较少需要用 Babel 转码才能完全使用

Lv7 码师

超***媒 Web前端工程师 6年前#3

楼上已经说得很清楚了，在你这段代码中，x实际上就是“tabletd_gg”这个字符串中的“~”。

看你的上面代码应该是将tabletd_gg中的第一个“~”替换成了“~<br/>”。

Lv7 码师

vv***cv Linux系统工程师 6年前#4

这里的x 是个形参 ,在函数执行的时候他可以接受对应的实参的值.

Lv4 码徒

铁***1 JS工程师 6年前#5

x是实参，就是你调用函数时赋的值，但是你这个是匿名函数，赋值参数就有点问题，建议把代码贴完整点

Lv6 码匠

旧***＊软件测试工程师 6年前#6

文明上网，理性发言！ 😉 阿里云幸运券，戳我领取