PHP前端开发

js中箭头函数的特性是什么

百变鹏仔 2个月前 (10-15) #JavaScript
文章标签 箭头
javascript 箭头函数的特点包括:简洁语法,使用 "=>" 符号替代 "function"。隐式返回,可省略大括号和 "return"。词法作用域,继承外层 "this" 值。不可构造,无法用 "new" 创建实例。无 "arguments" 对象,需用 "..." 收集参数。不能使用 "yield",不能作为生成器函数。

JavaScript 箭头函数的特性

箭头函数是 ES6 引入的新语法,它是一种简写形式的函数表达式。与传统函数相比,箭头函数具有以下特性:

// 传统函数function add(a, b) {  return a + b;}// 箭头函数const add = (a, b) => a + b;
// 传统函数function square(x) {  return x * x;}// 箭头函数const square = x => x * x;
const button = document.getElementById("my-button");// 传统函数button.addEventListener("click", function() {  console.log(this); // 指向 button 元素});// 箭头函数button.addEventListener("click", () => {  console.log(this); // 指向 button 元素});
// 传统函数function sum() {  console.log(arguments); // 类似数组的对象}// 箭头函数const sum = (...numbers) => {  console.log(numbers); // 实际数组};