function的粗浅理解

时间:2023-03-09 00:23:33
function的粗浅理解
<ul>
<li>假如ev1与ev2都未添加圆括号,那么点击按钮后依次输出first,second</li>
<li>假如ev1添加了圆括号而ev2没有,那么页面加载完成后输出first</li>
<li>假如ev2添加了圆括号而ev1没有,那么页面加载完成后输出second</li>
<li>假如ev1与ev2都添加了圆括号,那么页面加载完成后依次输出first,second</li>
</ul>
<b>注意:ev不加()是把函数名作为参数传入,返回值为整个函数体。而加了()即为马上调用(执行)函数,返回值为函数返回值</b><br/>
<button id="btn">点击事件</button>
<script type="text/javascript">
var e = document.getElementById("btn");
e.addEventListener("click",ev1);//此处ev1没有添加圆括号表示将ev1作为参数传递给function ev1(),按钮点击完成之后执行函数
function ev1(){
console.log("first");
}
e.addEventListener("click",ev2());//此处ev2添加圆括号表示立即执行function ev2,返回值为函数体false,页面加载完成之后执行函数
function ev2(){
console.log("second");
}
</script>