es6新特性的箭头函数怎么转化为普通函数

Posted 2023-04-18

参考技术A 我个人觉得，非常好用，主要有一下几点吧：
提高开发效率，减少体力耀东使用剪头函数不需要敲完整的 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 变量，在某些时候也可以带来方便，和上面差不多。本回答被提问者采纳

ES6新特性

1. 箭头函数（=>）

ES6中引入了箭头函数来代替 function，即在定义方法的时候不用写 function ，=> 的左边为函数名和参数，右边为执行操作和返回值。

1 function(a){
2   return a + 1;
3 }  //ES5
4 (a) => a + 1;  //ES6

箭头函数写法简洁，同时解决了JS中 this 作用域的问题。

因为箭头函数内部没有定义 this 对象，所以函数内部的 this 完全继承外部。

2. 变量声明（let、const）

let 与 const 的作用基本与 var 相同，区别如下：

var 作用域只有全局和函数内部，let 声明的变量只作用在代码块内，let 可以代替 var ；

const 用来声明常量，常量不能修改；

var 因为作用域的缘故存在循环变量泄露为全局变量的问题，传统的解决方案是使用闭包，ES6 中使用 let 来解决；

3. 类的支持（class、extends、super）

 

4. 字符串模板

 

5. 参数

 

6. 模块

 

7. 解构

 

8. 循环遍历

 

9. 对象扩展

 

10. Symbol

 

11. Promise