什么是Javascript的箭头函数?

admin 百科 12
箭头函数是JavaScript中语法更简洁的函数定义方式,无自身this、arguments、super或new.target,不可用作构造函数,适合回调等需词法this绑定场景,复杂逻辑仍推荐传统函数。

什么是Javascript的箭头函数?-第1张图片-佛山资讯网

箭头函数是 JavaScript 中定义函数的一种简洁写法,它没有自己的 thisargumentssupernew.target,且不能用作构造函数。

语法更简短

相比传统函数表达式,箭头函数省略了 function 关键字和花括号(单参数、单表达式时还可省略括号和 return):

  • 传统写法: const add = function(a, b) { return a + b; };
  • 箭头函数: const add = (a, b) => a + b;
  • 单个参数可省括号:const square = x => x * x;
  • 无参必须写空括号:const sayHi = () => console.log('Hi');

this 绑定是词法的

箭头函数不创建自己的 this,而是继承外层作用域的 this 值。这在回调、定时器或事件处理中特别有用,避免手动绑定或使用 bind

  • 普通函数中 this 可能丢失(如 setTimeout(obj.method, 100)
  • 用箭头函数可自然保留上下文:setTimeout(() => obj.method(), 100);
  • 类方法中常用:handleClick = () => { this.setState({ clicked: true }); };

不能作为构造函数

箭头函数没有 prototype 属性,也不支持 new 调用:

标签: javascript java 作用域

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~