js中箭头函数的特性是什么
文章标签
箭头
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); // 实际数组};