ES6箭头函数

    //常规函数
    function test() {
        return '1111'
    }
    // function 换成 => 放在参数和函数体中间
    // 1. 如果没有参数， 或有多个参数就需要使用 ()来定义参数列表
    // 2. 如果有一个参数，可以不用()
    // 3. 如果函数体中只有一条语句， 可以不用{}， 就不用使用return 会自动加上

    let test1 = () => '1111'
    console.log(test1())

    // 箭头函数在返回对象时， 必须在对象外面加上()
    const fun = id =>({id:id, name:'zhangsn'});
    console.log(fun(10).name);

    // 箭头函数没有自己的this，它的this是继承而来，默认指向在定义它时所处的对象(宿主对象)。
    const box = document.getElementById('box');
    box.onclick = function() {
        setTimeout(()=>{
            console.log(this);  //this指向#box这个div,不使用箭头函数就指向windows
            this.style.backgroundColor = 'red'
        }, 3000);
    }