Либо переопределять просто созданием функции с таким же именем.
<html>
<head>
<title>example</title>
<style>
.big_container
{
width: 300px;
height: 300px;
border: 1px solid black;
}
</style>
</head>
<body>
<div class="big_container"></div>
<script>
function one()
{
console.log(1);
}
document.querySelector('.big_container').onclick = one;
function one()
{
console.log(2);
}
</script>
</body>
</html>
Дело в том, что интерпретатор сначала считывает всю область видимости, определяет именнованные функции, и только потом начинает выполнение кода.