箭头函数实践.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>箭头函数实践</title>
    <style>
        div{
            width: 200px;
            height: 200px;
            background: skyblue;
        }
    </style>
</head>
<body>
    <div id="ad"></div>
    <script>
        let ad = document.getElementById('ad');
        ad.addEventListener("click",function(){
            // let _this = this
            setTimeout(()=>{
            //    _this.style.background = 'pink'
                this.style.background = 'pink'
            },2000)
        })

        const arr = [1,6,9,10,100,25]
        // const result = arr.filter(function(item){
        //     if(item % 2 === 0){
        //         return true;
        //     }else{
        //         return false;
        //     }
        // });


        const result = arr.filter(item => item % 2 === 0);
        console.log(result);
    </script>
</body>
</html>