在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#是强类型语言,在使用的时候,还要考虑类型。