默认绑定指函数普通调用时this的指向规则:非严格模式下为全局对象,严格模式下为undefined;常见于独立调用、变量赋值后调用、未绑定的回调及iife中。

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误用
Java免费学习笔记:立即使用
解锁 Java 大师之旅:从入门到精通的终极指南











