基于URL参数DRY的视频弹窗触发事件

Question

我正在尝试清理这段代码。我怎么才能把它弄干呢？我重复了很多代码。

function getURLParameter(name) {
return decodeURI(
    (RegExp(name + '=' + '(.+?)(&|$)').exec(location.search)||[,null])[1]
);}

if(getURLParameter('video1')==1){ $(".urlVid1").trigger('click'); }

if(getURLParameter('video2')==1){ $(".urlVid2").trigger('click'); }

if(getURLParameter('video3')==1){ $(".urlVid3").trigger('click'); }

if(getURLParameter('video4')==1){ $(".urlVid4").trigger('click'); }

Answer 1

至少有几种方法可以做到这一点。您可以使用循环的索引，或者显式列出您想要考虑的键。

​

function getURLParameter(name) {
  return decodeURI(
    (RegExp(name + '=' + '(.+?)(&|$)').exec(location.search) || [, null])[1]
  );
}

//using just the number
[1, 2, 3, 4].forEach(function(key){
  if (getURLParameter('video'+ key) === 1) {
    $('.urlVid'+ key).trigger('click');
  }
});

//explicitly giving the keys
[
  { video: 'video1', url: '.urlVid1' }
  , { video: 'video2', url: '.urlVid2' }
].forEach(function(pair){
  if (getURLParameter(pair.video) === 1) {
    $(pair.url).trigger('click');
  }
});

​