ECMAScript6中的箭头函数

来源：互联网发布：java ftpclient 卡住编辑：程序博客网时间：2024/05/01 11:16

在2015年新出的ECMAScript6中，其中的函数部分，有了一个这样的东西:箭头函数

()=>{}

，大概对它解释一下，其中，左边的括号是函数的形式参数，右边的花括号是函数体。

接下来，我们聊一聊如何使用这个箭头函数:

1.一般情况

            var func1 = () => {                console.log("Hello World!");            }            var  func2=function(){                console.log("Hello World!");            }

其中，func1和func2是完全等价的形式。

2.在对象中

            var obj = {                test: () => {                    console.log('Hello World!');                }            }

有参形式:

  var obj = {                test: (name) => {                    console.log('Hello World!' + name);                }            }

其中，箭头函数还有更简洁的形式，是在当输入参数只有一个，并且函数的返回值可以写成与输入参数相关的数学形式的时候,
我们可以写成这样：

  var mySqrt = x => Math.sqrt(x);

需要注意几点的是，在箭头函数中，无论在哪儿使用，this是固定的，函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。不能够通过call，bind，apply等动态的改变this的指向。

当返回的数据是JSON数据格式的时候，形式如下：

  var  json=(x,y)=>({"a":x,"b":y});

可以看出，在有些时候，使用箭头函数可以极大的简化我们的代码，但是由于ECMAScript6是最新标准，老的浏览器并不兼容，所以，在使用的时候，还需要考虑兼容性。

其实，这并不是什么新技术了，如果了解C#的朋友应该知道，这是C#中著名的语法糖lambda表达式，早在C#3.0中就已经存在的东西了，只不过C#是强类型语言，在使用的时候，还要考虑类型。

0 0