Lodash应该算是目前在npm上被依赖的最多的包了吧，但是如果你使用ES6，也许你不再需要它。在这篇文章中，我们将尝试使用一些ES6的新特性来解决几种常见的问题。1.Map,Filter,Reduce这些方法使转换数据变得轻而易举，而且非常通用。我们可以使用ES6的箭头函数语法，帮助我们用更简短的方式代替Lodash的语法。_.map([1,2,3],function(n){returnn*3;});//[3,6,9]_.reduce([1,2,3],function(total,n){returntotal+n;},0);//6_.filter([1,2,3],function(n){returnn<=...

阅读全文 »

本文由冰翼博客翻译自babelJs.io原文作者：StevenLuscher（Github）在重新设计InstagramWeb的最近一年里，我们享受到很多使用ES6+新特性写React组件的好处。下面我整理了一些可以方便写React应用语言特性，相信这会使工作变得更轻松愉快。类迄今为止我想在写组件时最能直观看到的变化就是ES6+类的使用。关于ES6的类定义语言可参考这里。现在，我们可以写一个继承自React.Component的类来取代React.createClass的写法。classPhotoextendsReact.Component{render(){return<imgalt={this.prop...

阅读全文 »

Javascript中的this关键字对很多JS开发者来说都是令人疑惑、头痛东西，很多时候往往搞不清楚某个this究竟指的是谁，尤其是在多层回调嵌套的情况下，OHGOD!!It’strivialforsomeothercodetorebindthecontextofthefunctionyou’reworkingwith―usingthenewkeywordandsomeofthemethodsthatarebuiltontoFuncton.prototype.Thisintroducesanentireclassofconfusingscenariosandoftenyou’llseecallbackdrive...

阅读全文 »

序ES6，或许应该叫ES2015（2015年6月正式发布），对于大多数前端同学都不陌生。首先这篇文章不是工具书，不会去过多谈概念，而是想聊聊关于每个特性你可能不知道的事，希望能为各位同学正确使用ES6，提供一些指导。对于ES6，有些同学已经在项目中有过深入使用了，有些则刚刚开始认识他，但不论你是属于哪一类，相信这篇文章都有适合你的部分。针对文章中的问题或不同意见，欢迎随时拍砖、指正。正文Let+Const这个大概是开始了解ES6后，我们第一个感觉自己完全明白并兴致勃勃的开始使用的特性。以如下方式使用的同学请举下手？//定义常量constREG_GET_INPUT=/^\d{1,3}$/;//定义配置项letcon...

阅读全文 »