Edit in JSFiddle

function name(){
    console.log("name");
}

function badSample(t){
    console.log("badSample:" + t);
}

function bindSample(event){
    //bindSample:100
    console.log("bindSample:" + event.data.num);
}

function clickSample(event){
    //clickSample:100
    console.log("clickSample:" + event.data.num);
}

$("#nameless").click(function(){
  console.log("nameless");
});

$("#name").click(name);

$("#test").click(badSample(100));

$("#bind").bind("click",{num : 100},bindSample);

$("#click").click({num : 100},clickSample);

<p id='nameless'>nameless function</p>
<p id='name'>name function</p>
<p id='test'>test</p>
<p id='bind'>bind</p>
<p id='click'>click</p>

* {
  margin: 0;
  padding: 0;
  border: 0;
}

body {
  background: #dfd;
  font: 30px sans-serif;
}

p{
    border-bottom:solid 1px #ccc;
}
}