javascript函数有哪些定义方式_箭头函数和普通函数有何不同？-js教程-PHP中文网

javascript函数有哪些定义方式_箭头函数和普通函数有何不同？

狼影

发布： 2025-12-20 19:47:02

原创

904人浏览过

JavaScript函数有三种定义方式：函数声明、函数表达式和箭头函数；前者具提升性且可作构造函数，后两者不可；箭头函数无this、arguments、prototype，适合回调等无需动态绑定的场景。

javascript函数有哪些定义方式_箭头函数和普通函数有何不同？

JavaScript 中函数主要有三种定义方式：函数声明、函数表达式（含匿名函数）、箭头函数。它们在语法、this 绑定、arguments 支持、new 调用能力等方面有本质区别。

函数声明：使用 function 关键字 + 函数名，会被提升（hoisted），可提前调用。

function sayHello() {
  return "Hello";
}

登录后复制

函数表达式：将函数赋值给变量，不被提升（仅变量声明提升），调用需在定义之后。

const sayHi = function() {
  return "Hi";
};

登录后复制

箭头函数：ES6 引入的简写形式，没有自己的 this、arguments，不能用作构造函数。

pollinations

属于你的个性化媒体引擎

247

const greet = () => "Hey";

登录后复制

this 指向不同：普通函数的 this 取决于调用方式（如 obj.method() 中 this 指向 obj）；箭头函数没有自己的 this，它继承外层作用域的 this 值，且不可通过 call/apply/bind 修改。
没有 arguments 对象：普通函数内部可访问 arguments 类数组；箭头函数中访问会报错，需用剩余参数 ...args 替代。
不能作为构造函数：箭头函数没有 prototype，调用 new fn() 会抛出 TypeError；普通函数可以。
没有 new.target：箭头函数中 new.target 始终为 undefined，无法判断是否被 new 调用。
没有原型属性（prototype）：普通函数默认有 fn.prototype，用于实现原型链继承；箭头函数没有该属性。