箭头函数及箭头函数this指向

语法：没有function关键字，在()和{}中间 =>

var jian = (n) => {
            console.log(n);
        }
        jian(5);

箭头函数/遍历数组

        //遍历数组 -- 箭头函数
        var arr = ['red', 'blue', 'green']
        arr.forEach((item, index, array) => {
            console.log(item);
            console.log(index);
            console.log(array);
        })

当形参只有一个的时候可以省略小括号

函数体中只有1行代码且代码的结果是函数的返回值，那么return和{}可以省略

        //当形参只有一个的时候 可以省略小括号
        // 函数体中只有1行代码且代码的结果是函数的返回值，那么return和{}可以省略
        var arr = ['red', 'blue', 'green']
        arr.forEach(item => console.log(item))

练习--求两个数的和

  // --------------练习---------------------------------
        // 求两个数的和
        var sum = (n1, n2) => {
            return n1 + n2
        }
        var stutes = sum(10, 20)
        console.log(stutes);

箭头函数this指向

<body>
    <div>111</div>
    <button>按钮</button>
    <script>
        var btn = document.querySelector('button')
        btn.onclick = () => {
            console.log(this);  //此处打印的是window对象
        }


        var obj = {
            name: 'lisi',
            say: function () {
                console.log(this); //此处打印的是obj
            }
        }
        obj.say();


        var o = {
            name: 'lisi',
            say: () => {
                console.log(this); //此处打印的是window对象
            }
        }
        o.say();
    </script>
</body>