JavaScript中的this关键字是什么_它的绑定规则有哪些？_网络技术

JavaScript中的this关键字是什么_它的绑定规则有哪些？

发布时间 - 2025-12-30 00:00:00 点击率：次

this 是 JavaScript 中动态绑定的关键字，其值取决于函数调用方式：默认绑定（非严格→全局对象，严格→undefined）、隐式绑定（obj.method→obj）、显式绑定（call/apply/bind）、new 绑定（优先级最高，指向新实例）及箭头函数（词法继承外层 this）。

this 是 JavaScript 中一个特殊的关键字，它指向函数当前执行时的“执行上下文”中的对象。它的值不是在函数定义时确定的，而是在函数被调用时动态绑定的——也就是说，同一个函数，不同调用方式，this 可能指向完全不同的对象。

默认绑定（非严格模式 vs 严格模式）

当函数作为普通函数调用（即不通过对象属性、new 或 call/apply/bind 调用）时，this 的绑定取决于是否启用严格模式：

非严格模式下，this 指向全局对象（浏览器中是 window，Node.js 中是 global）
严格模式下，this 保持为 undefined

例如：

function foo() { console.log(this); }
foo(); // 非严格：window；严格：undefined

隐式绑定（对象方法调用）

当函数作为对象的属性被调用时（即形如 obj.method()），this 绑定到该对象（即点号左边的对象）。

只看调用位置最靠近的那层对象，嵌套不影响
如果把方法赋值给变量再调用，会丢失隐式绑定，退回到默认绑定

例如：

const obj = { name: 'Alice', say: function() { console.log(this.name); } };
obj.say(); // 'Alice' —— this 指向 obj
const fn = obj.say;
fn(); // undefined（严格模式）或 window.name（非严格）

显式绑定（call、apply、bind）

通过 call()、apply() 或 bind() 可以强制指定函数运行时的 this 值：

call(obj, arg1, arg2...)：立即执行，参数逐个传入
apply(obj, [args])：立即执行，参数以数组形式传入
bind(obj, arg1, arg2...)：返回一个新函数，this 固定为 obj，后续调用时生效

注意：硬绑定（bind）优先级高于隐式绑定；new 调用可覆盖 bind，但普通 call/apply 无法覆盖 new。

new 绑定（构造函数调用）

使用 new 调用函数时，会创建一个新对象，并将 this 绑定到这个新对象上，同时该对象原型指向函数的 prototype。

new 调用优先级最高，会覆盖默认、隐式和显式（bind）绑定
箭头函数没有自己的 this，也不可被 new 调用

例如：

function Person(name) { this.name = name; }
const p = new Person('Bob'); // this 指向新创建的 p 实例

箭头函数的 this（词法绑定）

箭头函数不绑定自己的 this，而是**继承外层普通函数作用域中的 this 值**，且该绑定无法被 call/apply/bind 或 new 改变。

适合用于回调、事件处理器等需要保持外层 this 的场景
不能用作构造函数，没有 arguments 和 prototype

例如：

const obj = {
  name: 'Charlie',
  regular() { setTimeout(function() { console.log(this.name); }, 100); },
  arrow() { setTimeout(() => { console.log(this.name); }, 100); }
};
obj.regular(); // undefined（非严格下是 window.name）
obj.arrow();   // 'Charlie'

# javascript # java # js # node.js # node # 处理器 # 浏览器 # app # win # 作用域

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：云开企业建站对SEO优化有哪些具体的支持措施？

下一篇：Laravel数据库是长连接吗

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：云开企业建站对SEO优化有哪些具体的支持措施？

下一篇：Laravel数据库是长连接吗