函数默认绑定规则详解

本文深入解析了JavaScript中函数默认绑定这一核心但易被忽视的机制：当函数以最普通的方式调用（如foo()、赋值后调用、未绑定回调或IIFE）时，其this指向并非“理所当然”，而是严格取决于执行模式——非严格模式下悄然指向全局对象，严格模式下则为undefined，极易引发隐蔽bug；更需警惕的是，隐式绑定、箭头函数、new调用和显式绑定等场景会完全绕过默认绑定规则，而实际开发中通过"use strict"、合理使用箭头函数或bind、避免裸传方法作回调等策略，才能真正驯服this的不确定性。

JavaScript中函数调用时的默认绑定（Default Binding），是指当函数以普通方式调用（即不通过对象属性、call/apply/bind、构造函数或箭头函数等方式显式绑定this）时，this指向的规则。

默认绑定的触发条件

默认绑定在以下情况发生：

• 函数独立调用，例如：foo()，而非obj.foo()或foo.call(obj)
• 函数被赋值给变量后再调用，如：const fn = obj.foo; fn();（此时已脱离对象上下文）
• 回调函数中未显式绑定this，例如：setTimeout(foo, 100) 或 arr.forEach(foo)
• 立即执行函数表达式（IIFE）： (function(){ ... })()

严格模式与非严格模式的关键区别

默认绑定的行为严重依赖是否启用严格模式：

• 非严格模式下，this 指向全局对象（浏览器中为 window，Node.js 中为 global）
• 严格模式下，this 为 undefined（不会自动装箱为全局对象）

这是最容易出错的地方——同一段代码在不同模式下this值完全不同。

默认绑定的常见限制

以下情况看似“普通调用”，但不会触发默认绑定：

• 隐式绑定优先级更高：即使写成fn()，若该函数是通过对象属性访问后调用（如obj.method()），则触发隐式绑定，this指向obj
• 箭头函数无this绑定：箭头函数不遵循默认绑定规则，它直接继承外层作用域的this值
• new 调用触发构造函数绑定：使用new Foo()时，this绑定到新创建的实例，覆盖默认绑定
• 显式绑定（call/apply/bind）优先级最高：一旦使用这些方法，无论是否严格模式，都按指定对象绑定this

如何避免默认绑定导致的意外

实际开发中可采取以下策略：

• 在模块顶层或函数开头添加 "use strict";，让this === undefined尽早暴露问题
• 对可能被当作回调使用的函数，用 bind(this)、arrow function 或 class fields + arrow 保持上下文
• 在事件监听器或定时器中，避免直接传入含this引用的方法，改用包装函数：setTimeout(() => obj.method(), 100)
• 使用 ESLint 规则（如 no-invalid-this）辅助检测潜在的this误用

到这里，我们也就讲完了《函数默认绑定规则详解》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！