箭头函数和普通函数的区别

conquer_galaxy

已于 2023-02-15 13:01:22 修改

阅读量66

点赞数

CC 4.0 BY-SA版权

文章标签： js

于 2023-02-15 12:34:00 首次发布

本文链接：https://blog.youkuaiyun.com/conquer_galaxy/article/details/129039990

文章详细阐述了JavaScript中箭头函数与普通函数的this指向规则。普通函数的this通常指向调用它的对象，而箭头函数的this则继承自定义它的上下文，通常是window。此外，箭头函数还支持单参数省略括号和单return语句时省略花括号的简写形式。

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

1、this指向的区别

普通函数this的指向是调用这个函数的对象即一般是其上一级的对象

箭头函数this的指向是调用箭头函数的上一级即相当于是普通函数的上两级！（一般是window）

var o = {
    user:"追梦子",
    fn:function(){
        console.log(this.user);  //追梦子
    }
}
o.fn();

2、箭头函数

3、箭头函数的简写

当只有一个参数的时候可以省略括号()
当函数语句只有一个return 时可以省略花括号{} 并且"return" 也要省略！！

箭头函数使用场景：