什么时候用命名函数，什么时候用匿名函数？
程序员文章站
2024-01-25 19:53:04
...
如果是循环的方式循环添加事件，推荐用命名，，如果不是循环用匿名函数
如果用匿名函数，每触发事件，都会调用不同的函数，而设置了命名函数，每触发事件，只用调用所命名的那个函数，减少访问服务器的次数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
div{
background: pink;
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<input type="button"value="阿牛"id="btn"/>
<div id="dv"></div>
<script>
function my$(id) {
return document.getElementById(id);
}
var names = ["杨过","小龙女","西施","黄蓉"];
my$("btn").onclick = function () {
//创建
var objul = document.createElement("ul");
//追加
my$("dv").appendChild(objul);
//动态的创建li，加到ul中
for(var i = 0;i < names.length;i++) {
// 创建一个li元素
var objli = document.createElement("li");
//设置li中间的文字内容
//将数组里面的字符串给li
objli.innerHTML = names[i];
objli.style.cursor = "pointer";
// 将li追加到ul里面
objul.appendChild(objli);
//li鼠标移入事件
objli.onmouseover = mouseoverHandle;
//li鼠标移出事件
objli.onmouseout = mouseoutHandle;
}
};
function mouseoverHandle () {
this.style.backgroundColor = "red";
}
function mouseoutHandle () {
this.style.backgroundColor = "";
}
上一篇： 理解反射（二）成员变量的反射