欢迎访问响应式个人博客!
男生版
女生版
初遇时,她的微笑,她往日的深情、承诺和傻劲,两个人共度的美丽时刻,一一印在回忆里,今天的感情已经比不上从前,但是我爱着恋着往日的她,舍不得离开!
排行
详情
您当前的位置>首页 > 正文
你不得不学的es6
2017-09-26 10:08:19   来源:   评论:0 点击:
        • p 用来解决对象只接受字符串作为键名,p 类似于对象,也是键值对集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。

          Map 可以通过 [set、 get、 has、 delete] 方法来操作:

          var m = new Map();
          var arr = [1, 2];
          m.set(arr, 'array');
          m.get(arr); // 'array'
          
          m.has(arr) // true
          m.delete(arr) // true
          m.has(arr) // false

          参数默认

          参数默认这个功能使用起来还是比较方便的,以前参数都是通过 || 来实现默认,现在可以使用默认参数。不过这个功能在 Python 等语言中已经是支持的。

          // 以前写代码
          var sayHello = function(name){
            var name = name || 'world';
            console.log('hello ' + name);
          }
          
          //参数默认
          var sayHello = function(name = 'world'){
            console.log('hello ' + name);
          }
          
          sayHello() // 'hello world'
          sayHello('ES6') // 'hello ES6'

          对于不定参数,以前都是对 arguments 对象处理,且 arguments 对象还是个伪数组,现在方便了:

          var add = function(...arr){
            console.log(arr.constructor.name) // Array
            return arr.reduce((a, b) => a+b, 0);
          }
          add(1,2,3) // 6

          总结

          总之,对于 ES6 的学习还是要活用,当我看了一遍 ECMAScript 6入门时候,感觉知识点还是很多,有点乱。当接触了 react 之后,发现很多语法都非常的熟悉,于是就从头温习了 ES6,并整理了这篇文章。可能,你还不知道,这篇文章,大部分都是参考阮一峰老师的。共勉!

相关热词搜索:

上一篇:如果要学习web前端开发,需要学习什么?
下一篇:分享一个目前可用的翻墙方法

收藏