10、ES6箭头函数=>

2019独角兽企业重金招聘Python工程师标准>>>

一、箭头函数的写法。

下面是普通函数：

let func = function () {
        console.log("函数func。。。")
    }
    func();

下面是箭头函数。=>前面是函数形参，后面的是函数体。

let func0 = () => console.log("函数func0。。。");
func0();

1、当形参只有一个参数时，可以把形参的括号去掉。

 //1、没有参数的时候，小括号()不能省略
    let func0 = () => console.log("函数func0。。。");
    func0();

    //2、只有一个参数的时候，小括号()可以省略
    let func1 = (a) => console.log(a);
    func1("只有一个参数");
    //省略的小括号
    func1 = a => console.log(a);
    func1("只有一个参数，省略了小括号");

    //3、有2个及以上参数的时候， 小括号()不能省
    let func2 = (a,b) => console.log(a,b);
    func2(15,55);

例如上面let func1 = a => console.log(a); 就是形参只有一个，去掉了包裹形参的小括号。

2、函数体只有一条语句的时候，可以省略{}，并且会返回函数体语句执行的结果。

//1、函数体只有一条语句的时候，可以省略{}，并且会返回函数体语句执行的结果。
    let fun4 = (x,y) => x+y;
    console.log(fun4(23,45));//会打印23+45的结果。

    //用大括号把函数体包起来。那这个函数就没有返回值
    fun4 = (x,y) => {x+y};
    console.log(fun4(23,45));//会打印undefined，因为函数体中没有返回值。

    fun4 = (x,y) => {return x+y};
    console.log(fun4(23,45));//会打印23+45的结果。

上面代码表示：当函数体只有1条语句时，函数会自动返回这条语句的执行结果。

二、箭头函数的this。

箭头函数没有自己的this，箭头函数的this不是调用时候决定的，而是在定义的时候所处的对象就是它的this。
   --扩展理解，箭头函数里的this是看定义的时候，外层是否有函数，如果有那就等于外层函数的this。如果没有那就是window。

 let obj = {
        username: "张三",
        sayHello: function () {
            console.log(this);
        }
    }

    obj.sayHello();//打印obj对象，以为obj调用了sayHello方法

    obj = {
        username: "张三",
        sayHello: () => {
            console.log(this);
        }
    }
    obj.sayHello();//打印window，因为箭头函数定义的时候处在window环境中。所以this就是window。

    obj = {
        username: "张三",
        sayHello: function () {
            let func = () => console.log(this);
            func();
        }
    }
    obj.sayHello(); //打印obj对象，因为箭头函数定义的时候处在另一个函数中，所以this就是外面函数的this

上面展示了3种情况下，箭头函数的this。

 

 

转载于:https://my.oschina.net/kunBlog/blog/1635083