首页 / ES6 / ES6 => 箭头函数

ES6 => 箭头函数

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了ES6 => 箭头函数，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1188字，纯文字阅读大概需要2分钟。

内容图文

箭头函数ES6一个非常有用的新特性，我这里小小的总结一下用法：

箭头函数相当于直接return一个值，当没有参数时，可以这么写：

            var f = () => 0;
// 上面这句话相当于var f = function(){ return 0;}

当有一个参数时：

            var f = num => return num;
// 上面这一句相当于var f  = function(num) { return num;}

当有两个或以上的参数时，要用括号并用逗号分隔开：

            var f = (a,b) => a+b;
// 相当于var f = function(a,b) { return a+b;}

上面这些就是箭头函数最基本的一些情况。

当箭头函数的代码块部分多于一条语句，需要用{}括起来，使用return返回

            var add = (a,b) => {
                     let sum = a+b;
                     return sum;
                   }

当需要返回一个对象时，需要在对象外面再加（）：

            var member = id => ({id: id})

与变量解构结合使用:

            var person = {
        first: ‘小明‘,
        last: ‘小红‘
    }
    const friend = ({ first, last }) => first + ‘ ‘ + last;
    console.log(friend(person))

使用注意点:
（ 1 ）函数体内的 this 对象，就是定义时所在的对象，而不是使用时所在的对象。
（ 2 ）不可以当作构造函数，也就是说，不可以使用 new 命令，否则会抛出一个错误。

 对于第一点，有一个例子让大家加深理解：

    window.s2 = 10;
    function Timer() {
        this.s1 = 0;
        this.s2 = 0;
//  箭头函数
setInterval(() => this.s1++, 100);
//  普通函数
setInterval(function () {
    this.s2++;
}, 100);
}
var timer = new Timer();
setTimeout(() => console.log(‘s1: ‘, timer.s1), 310);// 3
setTimeout(() => console.log(‘s2: ‘, timer.s2),310);// 0
setTimeout(() => console.log(‘s2: ‘, window.s2), 310);// 13

 

箭头函数' ref='nofollow'>ES6 => 箭头函数

原文：http://www.cnblogs.com/lastnigtic/p/6533676.html

内容总结

以上是互联网集市为您收集整理的ES6 => 箭头函数全部内容，希望文章能够帮你解决ES6 => 箭头函数所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1121072.html

来源：【匿名】