箭头函数-ES6

箭头函数相当于匿名函数,简化了函数的定义

基本语法:
var func = x => x+1;
// 等价于var func = function(x){ return x+1; }

箭头函数的其他形式:
a. 当函数无参数时,使用()括起来
var func = () => 1 + 2;
// 等价于var func = function(){ return 1+2; }

b. 当参数只有一个时,()可以省略,如上面的基本语法

c. 当参数有多个时,使用()括起来,且不可以省略
var func = (a,b) => a + b;
// 等价于var func = function(a,b){ return a+b; }

d. 当函数体为多条语句时,使用{}括起来,且不可以省略
var func = num => {if(num<0)return 0;else{return num;}}

e. 当返回值为对象字面量时,使用()将对象括起来
var func = season = > ({str:'summer',standard:'icecream'});

箭头函数的特点:
(1)this的指向问题:指向箭头函数的定义对象,而不是函数执行的上下文,这里区别于上一篇js闭包,可以改写如下

    var name = "The Window";

    var object = {

             name : "My Object",

             getNameFunc : function(){

                  var func = () => this.name;

                    return func();

             }

    };

    alert(object.getNameFunc());   // 'My Object'

(2)不能使用new实例化'func'对象

(3)函数没有arguments对象,不能使用arguments访问传入参数

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 2014年的苹果全球开发者大会(WWDC),当Craig Federighi向全世界宣布“We have new ...
    yeshenlong520阅读 2,313评论 0 9
  • Arrow Function(箭头函数)。 ES6标准新增了一种新的函数:Arrow Function(箭头函数)...
    越IT阅读 1,710评论 0 0
  • 箭头函数,就是对函数进行简化操作,基本写法 => => 就是当你只需要一个只有一个参数的简单函数时,可以使用新标准...
    程咸菜阅读 397评论 0 0
  • SwiftDay011.MySwiftimport UIKitprintln("Hello Swift!")var...
    smile丽语阅读 3,868评论 0 6
  • 最好能再去之前深入了解招聘公司和招聘职位的具体情况,做好准备。 做过的项目与应聘公司的关系,项目做过之后的我的竞争...
    sheepnicole阅读 162评论 0 0