如何将参数和事件传递给函数

Question

我有一个（简单）问题我暂时无法解决。我不知道如何将myFunction1和myFunction2组合成一个函数。

<a href="https://www.google.com" id="link1">link1</a>
<a href="https://www.google.com" id="link2">link2</a>
<a href="https://www.google.com" id="link3">link3</a>

function myFunction1(val){
  console.log(val);
}
function myFunction2(e){
  console.warn('preventDefault');
  e.preventDefault();
}
/* this one doesn't work */
function myFunction3(val, e){
  console.log(val);
  console.warn('preventDefault');
  e.preventDefault();
}

document.getElementById('link1').onclick = function(e){
  myFunction1('hello');
};
document.getElementById('link2').onclick = function(e){
  myFunction2(e);
};
document.getElementById('link3').onclick = function(e){
  myFunction3(e, val);
};

所以我的问题很简单，你如何让第三个工作。工作正在：传递val参数并使preventDefault工作。那么如何将myFunction1和myFunction2合并为一个函数呢？