什么时候用命名函数，什么时候用匿名函数？

最新推荐文章于 2023-08-08 19:45:32 发布

今天你好、阳光正好

最新推荐文章于 2023-08-08 19:45:32 发布

阅读量1.9k

点赞数

分类专栏： JavaScrip 文章标签： JavaScrip

本文链接：https://blog.csdn.net/qq_40281275/article/details/82633190

版权

JavaScrip 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

如果是循环的方式循环添加事件，推荐用命名，，如果不是循环用匿名函数

如果用匿名函数，每触发事件，都会调用不同的函数，而设置了命名函数，每触发事件，只用调用所命名的那个函数，减少访问服务器的次数

<!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 = "";
    }

今天你好、阳光正好

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
什么时候用命名函数，什么时候用匿名函数？

如果是循环的方式循环添加事件，推荐用命名，，如果不是循环用匿名函数如果用匿名函数，每触发事件，都会调用不同的函数，而设置了命名函数，每触发事件，只用调用所命名的那个函数，减少访问服务器的次数&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &l
复制链接

扫一扫

专栏目录