微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ES6 箭头函数

ES6 箭头函数

普通函数声明

let fn = function() {

        }

箭头函数声明

let fun = (a, b) => {
        return a + b;
    }
    console.log(fun(1, 2));

1.箭头函数中this指向它所在作用域的this指向 call不能改变this的指向

window.name = 'hhh';
    let getName = () => {
        console.log(this.name);
    }
    let getName1 = function() {
        console.log(this.name);
    }


    let o = {
        name: 'zzz'
    }
    getName();
    getName.call(o); //输出的还是hhh
    getName1.call(o); //输出的是zzz

3.不能使用arguments变量

let data = () => {
        console.log(arguments);
    }
    data(1, 2, 3);
    console.log(data); //控制台不能输出

4.简写
(1) 省略小括号, 当形参有且只有一个的时候

 let add = n => {
        return n + n;
    }
    console.log(add(3));
   

(2)省略花括号, 当代码体只有一条语句的时候, 此时 return 必须省略,而且语句的执行结果就是函数的返回值。

 let pow = n => n * n;
 console.log(pow(3));

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐