知识共享许可协议
版权声明：署名，允许他人基于本文进行创作，且必须基于与原先许可协议相同的许可协议分发本文 （Creative Commons）

可能有些小伙伴不知道ES6的写法，这儿先填写一个小例子

 
            let connter = (res => {
                for(var count = 1; ; count++){
                    console.log(count+'A');
                    if(count ===5){
                        return;
                    }
                    console.log(count+'B');
                }
            })(0)
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11

注意：这儿采用了箭头函数。

下面我们正式找出不一样：


        // ES6闭包
        let makeAdder =(x =>{
            return (y=>{
                return x+y;
            })  
        })


        var add5 = makeAdder(5);
        console.log(add5(2));//7

        var add6 = makeAdder(10);
        console.log(add10(2));//12
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14

下面是ES5的闭包


        //es5语法闭包
        function makeAdder2(x) {
            return function(y) {
            return x + y;
            };
        }
        

        var add8 = makeAdder2(8);
        console.log(add8(2));//10


        var add9 = makeAdder2(10);
        console.log(add8(2));//12
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17

从上面可以看出，输出的过值都是一样的，但ES6使代码更简洁，更具有高效性，在性能上超过ES5。

posted on 2019-08-03 22:26 xsDao 阅读(…) 评论(…) 编辑 收藏

版权声明：本文为XSdao原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/XSdao/p/11296576.html