es6箭头函数

来源:互联网 发布:小甲鱼java 编辑:程序博客网 时间:2024/05/21 04:23

不了解es6的童鞋,对箭头函数应该很陌生。箭头函数是用箭头(=>)标识的,是es6的新特性。 闲话就不多说了,直接上代码吧!

这里我们拿箭头函数和普通函数做对比,代码如下:
示例1:无参数函数

箭头函数:    ()=>1+1;等同于普通函数:    function(){return 1+1}

示例2:有参函数

箭头函数:    (a,b)=>a*b等同于普通函数:    function(a,b){return a*b}

对于单条执行语句的函数来说,箭头函数可以省掉执行语句外层的大括号({}),但多条语句的函数需用{}包裹。

示例3:多语句函数

箭头函数:    (a,b)=>{        if(a==b){            return '相等'        }else if(a>b){            return '大于'        }else{            return '小于'        }    }等同于普通函数:    function(a,b){        if(a==b){            return '相等'        }else if(a>b){            return '大于'        }else{            return '小于'        }    }

箭头函数中的this指向定义时所在的对象,非调用它的对象。所以程序实现过程中,可选择性调用箭头函数还是普通函数。

0 0
原创粉丝点击