箭头函数简介和特点-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_56769697/article/details/130494079

箭头函数是JavaScript中的一种简洁的函数定义方式，其特点包括参数简化、自动返回值等。由于箭头函数没有自己的this，它的this继承自父作用域，这在处理回调函数和对象方法时显得特别有用。文章通过示例展示了箭头函数在获取年龄计算和事件处理中的应用。

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

箭头函数

1、概念：

箭头函数就是把function去掉，在小括号后面加=>

2、特点：

 1、如果有一个参数可以省略小括号
 2、如果函数返回值只有一条语句，可以省略{ }和return
 3、箭头函数没有augrments内置对象
 4、箭头函数不能用于创建构造函数

let Person = () => {
}
let p1 = new Person()
console.log(p1); // Person is not a constructor

 5、箭头函数没有prototype属性（为undefined）
 6、call，apply可以调用箭头函数，但是不能改变this指向
 7、箭头函数的this指向父作用域，（调用它的地方）

3、应用：

原理：箭头函数的this指向父作用域，（调用它的地方）

var birth = 2000
var obj = {
    birth: 1990,
    getAge: () => {
    	var fn = () => {
        return new Date().getFullYear() - this.birth;
    	};
        return fn();
		}
};
console.log(obj.getAge()); // 33


document.getElementsByTagName('div')[0].onclick = function () {
  console.log(this);
   setInterval(function () {
     console.log(this);
 }.bind(this), 1000)  //this指向事件源

      setInterval(() => {
           console.log(this);
      }, 1000)				//this指向调用它的地方
}