es6新特性的箭头函数怎么转化为普通函数
展开全部
我个人觉得,非常好用,主要有一下几点吧:
提高开发效率,减少体力耀东使用剪头函数不需要敲完整的 function 关键字, 同时如果只有行 return 语句的函数,还可以进一步简写:例如 要定义一个 trim 函数,不使用箭头函数:</ol><blockquote> const trim = function( str ) {
return trim.replace( /^\s+|\s+$/g, '' );
};</blockquote> 使用箭头函数:
<blockquote> const trim = str => trim.replace( /^\s+|\s+$/g, '' );
</blockquote>
2. 在函数内部不需要自己的 this 指针的时候,非常方便,因为箭头函数作用域内没有 this 例如下面不使用箭头函数的代码, 要通过将 this 赋值给 me,调用 me 来调用 Obj:
<blockquote> const Obj = {
text : 'ABC',
replace : function( arr ) { var me = this;
arr.forEach( function( item ) {
return me.text; } ); }
};</blockquote> 使用箭头函数:
<blockquote> const Obj = { text : 'ABC', replace : function( arr ) { arr.forEach( item => this.text ); } };
</blockquote>
3. 还有一点是 箭头函数没有 arguments 变量,在某些时候也可以带来方便,和上面差不多。
提高开发效率,减少体力耀东使用剪头函数不需要敲完整的 function 关键字, 同时如果只有行 return 语句的函数,还可以进一步简写:例如 要定义一个 trim 函数,不使用箭头函数:</ol><blockquote> const trim = function( str ) {
return trim.replace( /^\s+|\s+$/g, '' );
};</blockquote> 使用箭头函数:
<blockquote> const trim = str => trim.replace( /^\s+|\s+$/g, '' );
</blockquote>
2. 在函数内部不需要自己的 this 指针的时候,非常方便,因为箭头函数作用域内没有 this 例如下面不使用箭头函数的代码, 要通过将 this 赋值给 me,调用 me 来调用 Obj:
<blockquote> const Obj = {
text : 'ABC',
replace : function( arr ) { var me = this;
arr.forEach( function( item ) {
return me.text; } ); }
};</blockquote> 使用箭头函数:
<blockquote> const Obj = { text : 'ABC', replace : function( arr ) { arr.forEach( item => this.text ); } };
</blockquote>
3. 还有一点是 箭头函数没有 arguments 变量,在某些时候也可以带来方便,和上面差不多。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询