JavaScript—箭头函数

    箭头函数 ：新潮的函数写法
        【注】适当的省略函数中的function和return关键字

    <script>
        // function add(x){
        //     return x + 10;
        // }
        var add = x => x + 10;
        alert(add(5));
    </script>

    <script>
        //1、无参数，无返回值
        function show(){
            alert("hello world");
        }
        var show = () => {
            alert("hello world");
        }
        //2、有一个参数，无返回值
        function  xxx(num){
            alert(num);
        }
        var xxx = num => {
            alert(num);
        }
        //有一个参数，有返回值
        function add(x){
            return x + 10;
        }
        var add = x =>{
            return x + 10;
        }
        //4、多个参数，有返回值
        function show(x,y){
            alert(x + y);
        }
        var show = (x, y) => {
            alert(x + y);
        }
    </script>

filter过滤

    <script>
        var arr = [10,20,30,40,50];
        // var newArr = arr.filter(function(item){
        //     return item > 20;
        // })
        var newArr = arr.filter(item => item > 20);
        alert(newArr);
    </script>

      箭头函数需要注意的部分
        1、箭头函数，不能用new
        2、箭头，如果返回值是一个对象，一定要加（）；
        3、箭头函数中的this，指向的是上一层函数的主人

箭头，如果返回值是一个对象，一定要加（）；

    <script>
        function show(){
            return {
                username: 'xxx'
            }
        }
        var show = () => ({

        });
    </script>

箭头函数中的this，指向的是上一层函数的主人

    <script>
        var person = {
            username: "钢铁侠",
            show: function(){
                alert(person.username);
                alert(this.username);
            }
        }
        person.show();
    </script>

    <script>
        var person = {
            username: "钢铁侠",
            // show: function(){
            //     alert(person.username);
            //     alert(this.username);
            // }
            show: () => {
                alert(person.username);
                alert(this);
            }
        }
        person.show();
    </script>