认识箭头函数

最新推荐文章于 2023-12-18 11:03:35 发布

Wennsai

最新推荐文章于 2023-12-18 11:03:35 发布

阅读量163

点赞数

文章标签： 1024程序员节

本文链接：https://blog.csdn.net/Wennsai/article/details/120932624

版权

箭头函数是ES6中引入的一种简洁的函数定义方式，它改变了this的指向，不绑定自己的this，而是从上下文中继承。箭头函数可以用于单行表达式或者多行语句，参数可以是多个，无参数时需使用空括号。它不能用作构造函数，不支持arguments对象，也不能使用yield命令。理解箭头函数对于JavaScript开发者至关重要。

摘要由CSDN通过智能技术生成

Arrow Function（箭头函数）是ES6新增的一种函数。

var x => x * x

上面的箭头函数相当于：

function (x) {
    return x * x;
}

箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面的，只包含一个表达式，连{ … }和return都省略掉了。
含多条语句时候就不能省略{ … }和return。

x => {
    if (x > 0) {
        return x * x;
    }
    else {
        return - x * x;
    }
}

如果参数是多个，需要用括号()括起来：

// 两个参数:
(x, y) => x * x + y * y

// 无参数:
() => 3.14

// 可变参数:
(x, y, ...rest) => {
    var i, sum = x + y;
    for (i=0; i<rest.length; i++) {
        sum += rest[i];
    }
    return sum;
}

this
箭头函数看上去是匿名函数的一种简写，但实际上，箭头函数和匿名函数有个明显的区别：箭头函数内部的this是词法作用域，由上下文确定。
用了箭头函数，this就不指向window,而是父级；
不能使用arguments对象；
不能用作构造函数（不能使用new命令），否则抛错；
不能使用yield命令，因此箭头函数不能用作Generator函数。