es6箭头函数
2017-04-15 16:49
190 查看
不了解es6的童鞋,对箭头函数应该很陌生。箭头函数是用箭头(=>)标识的,是es6的新特性。 闲话就不多说了,直接上代码吧!
这里我们拿箭头函数和普通函数做对比,代码如下:
示例1:无参数函数
示例2:有参函数
对于单条执行语句的函数来说,箭头函数可以省掉执行语句外层的大括号({}),但多条语句的函数需用{}包裹。
示例3:多语句函数
箭头函数中的this指向定义时所在的对象,非调用它的对象。所以程序实现过程中,可选择性调用箭头函数还是普通函数。
这里我们拿箭头函数和普通函数做对比,代码如下:
示例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指向定义时所在的对象,非调用它的对象。所以程序实现过程中,可选择性调用箭头函数还是普通函数。
相关文章推荐
- 尝试 ES6 中的箭头函数
- es6 箭头函数后面的大括号
- ES6箭头函数
- ES6箭头函数(Arrow Functions)
- 【ES6】箭头函数
- ES6可以使用“箭头”(=>)定义函数
- ES6中的箭头函数的定义和调用方式
- ES6(ECMAScript 6 ) 箭头函数以及js中的this
- ES6中箭头函数的使用
- ES6箭头函数(arrow function)
- [译]ES6箭头函数和它的作用域
- ECMAScript 6 学习系列课程 (ES6 箭头函数的使用)
- es6箭头函数中this
- ES6箭头函数和它的作用域
- ES6 中的箭头函数
- ES6箭头函数(Arrow Functions)
- ES6箭头函数和它的作用域
- ES6折腾记- 箭头函数【Arrow function】要点及脱坑点
- ES6箭头函数(Arrow Functions)
- ES6新特性(函数默认参数,箭头函数)