Javascript正则RegExp对象replace方法替换url参数值

看别的博客有用eval执行正则表达式的写法,

1 //替换指定传入参数的值,paramName为参数,replaceWith为新值
2 function replaceParamVal(paramName,replaceWith) {
3     var oUrl = this.location.href.toString();
4     var re=eval('/('+ paramName+'=)([^&]*)/gi');
5     var nUrl = oUrl.replace(re,paramName+'='+replaceWith);
6     this.location = nUrl;
7 }

会提示eval can be harmful

然后有文章又给出eval的替代方案:

1 //计算表达式的值
2 function evil(fn) {
3   var Fn = Function;  //一个变量指向Function,防止有些前端编译工具报错
4   return new Fn('return ' + fn)();
5 }

其实从一开始就走偏了,eval这种写法应该摒弃,而且用evil替代方案这种奇淫巧计不在关键时候更是不要用,可以把直接量语法改写为RegExp对象语法

优化后最终可使用版本如下:

1 // 替换指定传入参数的值,oUrl为链接,paramName为参数,replaceWith为新值
2 function  replaceParamVal (oUrl, paramName, replaceWith) {
3     var re = new RegExp('(' + paramName + '=)([^&]*)', 'gi')
4     var nUrl = oUrl.replace(re, paramName + '=' + replaceWith)
5     console.log('replaceParamVal:' + nUrl)
6     return nUrl
7   }

 

posted @ 2019-05-17 10:41  简简人事  阅读(2934)  评论(1编辑  收藏  举报