JavaScript函数定义与调用全解析

各位小伙伴们，大家好呀！看看今天我又给各位带来了什么文章？本文标题是《JavaScript函数定义及调用方式详解》，很明显是关于文章的文章哈哈哈，其中内容主要会涉及到等等，如果能帮到你，觉得很不错的话，欢迎各位多多点评和分享！

JavaScript函数定义有三种方式：函数声明（被提升）、函数表达式（不提升）、箭头函数（无this/arguments，不可构造）；调用方式主要有四种：直接调用、作为方法调用、call/apply调用、bind后调用。

JavaScript函数通过function关键字、箭头函数（=>）或Function构造函数来定义，调用方式主要有四种：直接调用、作为方法调用、使用call/apply、以及使用bind生成新函数后调用。

函数的三种定义方式

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

函数表达式：把函数赋值给变量，常见于const fn = function() { ... }。不被提升，必须先定义再调用。

箭头函数：简洁写法，如const add = (a, b) => a + b。没有自己的this、arguments、super或new.target，不能用作构造函数。

四种主要调用方式

直接调用：最常见，如myFunc()。此时this在非严格模式下指向全局对象（浏览器中是window），严格模式下为undefined。

作为对象方法调用：如obj.doSomething()。函数内部this指向该对象（obj）。

用call或apply调用：显式指定this和参数。区别在于参数传递形式：call(obj, a, b) vs apply(obj, [a, b])。

用bind生成并调用：返回一个this和部分参数被预设的新函数，如const bound = fn.bind(obj, 1); bound(2);等价于fn.call(obj, 1, 2)。

其他可选调用场景

立即执行函数表达式（IIFE）：定义后立刻调用，常用于创建私有作用域，如(function(){ ... })();或((a) => {...})(1);。

作为构造函数调用：用new关键字调用普通函数（非箭头函数），会创建新实例，this指向该实例。

事件回调或定时器中调用：如button.addEventListener('click', handleClick)或setTimeout(myFunc, 1000)，本质仍是直接调用或方法调用，但上下文可能意外丢失（需注意this绑定）。

基本上就这些。定义方式影响语法和行为，调用方式决定this指向和参数传递逻辑——不复杂但容易忽略细节。

今天关于《JavaScript函数定义与调用全解析》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！