【JavaScript】ES6 箭头函数-优快云博客

本文链接：https://blog.youkuaiyun.com/2301_77198532/article/details/130295025

箭头函数是ES6引入的新特性，其使用`=>`符号简洁地定义函数。它们的行为与传统函数相似，但在`this`指向、参数处理及某些功能（如`arguments`对象、不能用作构造函数和无`prototype`属性）上有区别。箭头函数的`this`继承自父作用域，无法通过`call`或`apply`改变。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、认识箭头函数

es6 新增了使用胖箭头（=>）语法定义函数表达式的能力，很大程度上，箭头函数实例化的函数对象与正式的函数表达式创建的函数对象行为是相同的。任何可以使用函数表达式的地方，都可以使用箭头函数：

// 普通函数
let sum = function(a, b) {
	return a + b;
}

// 箭头函数
let sum1 = (a, b) => {
	return a + b;
}

箭头函数简洁的语法对开发者来说是十分友好的，从上面的例子可以得知箭头函数的简单用法：
(参数) => { 函数体 }

2、箭头函数的一些用法

如果有一个参数可以省略小括号

    const app = x => {
        console.log(x);
    }
    app(2)

如果函数返回值只有一条语句，可以省略{}和return

    const app = x => x
    console.log(app(2));

call，apply可以调用箭头函数，但是不能改变this指向

call和apply可以调用箭头函数 但是改变不了this指向
如果想要改变this指向 只能修改父作用域this

箭头函数不能使用arguments
箭头函数不能用于创建构造函数
箭头函数没有prototype属性
箭头函数的this指向父作用域，（调用它的地方）