leader的吐槽大会(在代码评审中发现很多地方还是采用ES5的写法,也不是说用ES5写法不行,会有BUG,只是造成代码量增多,可读性变差而已.) ps:ES5之后的JS语法统称ES6!!! 一.关于取值的吐槽 取值在程序中非常常见,比如从对象obj中取值. const obj = { a:1, b:2, c:3, d:4, e:5, } 吐槽: const a = obj.a; const b = obj.b; const c = obj.c; const d = obj.d; const e…

一.起因 ES6新纳入了很多振奋人心的新特性,真的很让人忍不住去尝试一下.不过,由于现在大部分的浏览器对ES6的支持程度都不是很好.所以如果想要放心地使用一些新特性,还需要用一些工具,将ES6或者ES7的代码转为ES5的代码.今天,就配置了一下环境,写了一个react-router,主要是练习自己的编程能力,哈哈...在此分享一下! 二.ES6环境搭建 搭建环境的工具有很多种,jspm,webpack,gulp等等...我主要是采用gulp+babel+browserify来搭建的.具体步骤如下…

es6这个String对象倒是扩展了不少方法,但是很多都是跟字符编码相关,个人选了几个感觉比较常用的方法: includes 搜索字符的神器 还记得我们之前如何判断某个字符串对象是否包含特地字符的吗? var str='google'; if(str.indexOf('o')>-1){ console.log('yes'); }else{ console.log('no'); } indexOf本来只是一个获取字符对应位置的方法,因为找到不到会返回-1这个值,就成了判断是否包含的方法,inclu…

这里是用 JavaScript 做的逆转序列(数组/字符串)的递归/尾递归实现.另外还尝鲜用了一下 ES6 的destructuring assignment + spread operator 做了一个更 functional 的版本(只支持数组). 正确性能通过测试(参见 放在我 Github 上的 demo,顺手写了一个小小的测试框架),不过效率就要打问号了——特别是用了 ES6 特性的版本.这里主要是写来玩 JS 的函数式特性的. 1. 逆转序列的递归实现 先用 Haskell 实现做草…

作者 Jason Orendorff  github主页  https://github.com/jorendorff 早在2007年我刚加入Mozilla的JavaScript团队的时候广为流传一个笑话:通常来说JavaScript程序的长度只有一行. 那时候Google Maps的诞龄还只有两岁,在它诞生之前,JavaScript主要被用来验证表单,毫无疑问,每一个处理<input onchange=>的程序真的就只有一行代码. 今 非昔比,JavaScript项目的规模已经成长到令人惊叹…

Promise的概念在ES6标准推出来之前已经深入人心,很多框架和第三方库都有类似的实现.但在深入理解ES6的Promise对象的时候,受之前经验的影响,很多概念给人似是而非的感觉,其中有一个特别明显的地方就是ES6中对Promise对象状态的定义. Promise的状态 Promise对象有三个状态:pending,fulfilled,rejected,MDN文档上对Promise对象状态变化过程用一幅图描述: 图中有几个小细节: 图中的fulfill和reject只是表示指向不同结果,而不是…

阅读目录 我是 Jser 我骄傲 作用域 模块系统 类(Class) 我是 Jser 我骄傲 JavaScript 如今可谓是屌丝逆袭高富帅的代名词哈,从当初闹着玩似的诞生到现在 Github 上力压群雄的人气王,JS 搭着互联网的顺风车一路高歌,本身也从一个爷爷不疼奶奶不爱的杀马特小脚本蜕变为一门高大上的主流编程语言.运气固然重要,ES6 也让大家看到了这门语言自身的努力和上进,相信 JavaScript 定大有可为. ES6 发布于 2015 年 6 月,因此也叫 ES2015,距今已有两年…

1. 可添加默认参数 function fn(name,age=17){ console.log(name+","+age); } fn("Amy",18); // Amy,18 f n("Amy",""); // Amy, fn("Amy"); // Amy,17 注意点:使用函数默认参数时,不允许有同名参数,否则报错: 但是不使用默认参数时,多个同名形参不报错. 只有在未传递参数,或者参数为 undef…

上一章请见: 1. ES6 随记(1)-- let 与 const 2. ES6 随记(2)-- 解构赋值 3. ES6 随记(3.1)-- 字符串的拓展 4. ES6 随记(3.2)-- 正则的拓展 & 数值的拓展 4. 拓展 d. 数组的拓展 · Array.from 方法 querySelectorAll 得到并不是一个数组,而是 NodeList:arguments 也不是数组,是个很奇怪的对象. 所以新增了一个 Array.from 方法,将这些可遍历(具有 Iterator 接口)对…

Promise的概念在ES6标准推出来之前已经深入人心,很多框架和第三方库都有类似的实现.但在深入理解ES6的Promise对象的时候,受之前经验的影响,很多概念给人似是而非的感觉,其中有一个特别明显的地方就是ES6中对Promise对象状态的定义以及resolved概念. Promise的状态 Promise对象有三个状态:pending,fulfilled,rejected,MDN文档上对Promise对象状态变化过程用一幅图描述: 图中有几个小细节: 图中的fulfill和reject只是…