javascript函数怎样定义_箭头函数与传统函数有何不同?

admin 百科 10
JavaScript中函数分传统函数和箭头函数,核心区别在于this绑定(传统函数动态绑定,箭头函数继承外层this)、arguments、new调用及prototype等行为。

javascript函数怎样定义_箭头函数与传统函数有何不同?-第1张图片-佛山资讯网

JavaScript 中定义函数主要有两种方式:传统函数(function 声明或表达式)和箭头函数(=>)。它们最核心的区别不在语法糖,而在 this 绑定、arguments、new 调用、以及词法作用域行为 上。

传统函数的定义方式

传统函数可通过函数声明、函数表达式或构造函数创建:

  • 函数声明function add(a, b) { return a + b; } —— 可被提升(hoisted)
  • 函数表达式const multiply = function(a, b) { return a * b; }; —— 不提升,需先定义后调用
  • Function 构造器const power = new Function('x', 'n', 'return Math.pow(x, n);'); —— 动态生成,不常用,且无法访问外层闭包

箭头函数的定义方式

箭头函数是 ES6 引入的简写形式,必须用表达式写法,没有声明提升:

  • 无参: const sayHi = () => console.log('Hi');
  • 单参: const square = x => x * x;(括号可省)
  • 多参或复杂逻辑: const greet = (name, age) => { return `I'm ${name}, ${age} years old.`; };

注意:箭头函数体若为单个表达式,隐式返回;若用花括号,则需显式写 return

立即学习“Java免费学习笔记(深入)”;

标签: javascript es6 java app 区别 作用域

发布评论 0条评论)

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