Javascript没有定义那两个属性，为何可以用this表示

JavaScript 中的 this 关键字指向函数执行时的上下文对象。当在一个对象的方法中使用 this 时，它通常会指向调用该方法的对象。在没有明确对象的函数调用中，this 的值取决于执行上下文和严格模式的使用，但它并不代表该函数有定义的属性。在非严格模式下，未绑定 this 通常指向全局对象，而在严格模式下，this 会是 undefined。当函数作为构造器使用时，this 会指向新创建的对象。

详细描述: 当创建对象实例时，this 允许我们在构造函数内部访问并设置该实例的属性。例如，在构造器函数中使用 this.attributeName = value; 语法可以定义属性。随后创建的每个实例对象都会有一个以 this.attributeName 设置的属性，即使在构造器函数定义时这些属性没有被提前定义。这是 JavaScript 动态语法的特点，它允许开发者在运行时定义和修改对象的属性。

一、理解 this 的上下文绑定

this 关键字在JavaScript中是动态绑定的，它可以被用来访问当前执行上下文中的变量和函数。这种动态性意味着 this 经常依据函数的调用方式而变化，而不仅仅基于它们被定义的位置。

上下文和调用方式

在对象方法中使用时，this 指向这个方法所属的对象。然而，如果你单独调用一个函数，this 会指向全局对象（在浏览器中是 window）。使用 new 关键字调用构造器函数时，this 指向新创建的实例对象。

严格模式的影响

在严格模式下，this 在函数调用中不会默认绑定到全局对象。如果没有指定上下文对象，this 的值会是 undefined。

二、this 的动态特性

JavaScript 的 this 不同于许多其他语言的 this 或 self 关键字，后者往往在类定义时静态绑定。在JavaScript中，this 的指向可在运行时被明确地改变，通过使用 .call()、.apply() 或 .bind() 方法。

使用 .call() 和 .apply()

这两个函数方法能够调用一个函数，并明确设置 this 的值，允许开发者控制函数的执行上下文。

使用 .bind()

bind() 方法创建一个新函数，它的 this 被绑定到指定的对象，使得无论如何调用这个函数，它的 this 都固定不变。

三、构造器和原型方法中的 this

当使用构造器函数 new MyConstructor() 创建一个对象时，this 指的是那个被创建的新对象实例。构造器中的 this 允许我们针对每个实例设置独特的属性。

构造器函数

构造器中的 this 指向正在构建的对象，使得我们可以给每个实例分配唯一的属性值。

原型方法

即使原型上的方法是在构造器外部定义的，这些方法中的 this 仍然指向调用它的实例对象。

四、this 在箭头函数中的行为

箭头函数没有自己的 this，它们捕获其所在上下文的 this 值，并将其用作自己的 this。因此，箭头函数内部的 this 值实际上是继承自外围最接近的非箭头函数。

箭头函数与外围 this

外层函数（非箭头函数）的 this 会被箭头函数捕获，进而在箭头函数内部可以直接使用。

不能使用 .call()、.apply() 或 .bind()

由于箭头函数不绑定自己的 this，这些方法无法改变箭头函数内的 this 值。

五、this 和事件处理器

在事件处理器中，this 通常指向触发事件的元素。这使得在回调函数中可以直接访问该元素，操作它或获取其数据。

HTML元素中的事件

当在HTML元素的事件属性中直接编写JavaScript代码时，this 指向HTML元素。

在JavaScript中绑定事件

使用 addEventListener 绑定事件时，回调函数中的 this 也指向触发事件的元素，除非使用了箭头函数。

相关问答FAQs：

1. 为什么Javascript中使用this来表示对象属性？

在Javascript中，this关键字用于引用当前执行代码所属的对象。它允许您轻松地访问和操作对象的属性和方法。虽然Javascript没有显式定义这两个属性，但this关键字按照一定的规则隐式地与对象绑定在一起。

2. 在Javascript中，this如何与对象关联起来？

Javascript中的this关键字是动态绑定的，意味着它的值取决于方法被调用时的上下文。当一个对象调用自己的方法时，this将自动指向该对象。这样的机制使得可以在方法内部轻松地访问对象的属性和方法。

3. 如何在Javascript中明确设置this的值？

尽管this关键字的值是隐式绑定的，但您也可以显式地设置它的值。通过使用函数的内置方法，如call()、apply()和bind()，您可以指定this应该引用的对象。这在需要在多个上下文中使用相同方法时非常有用。

最后建议，企业在引入信息化系统初期，切记要合理有效地运用好工具，这样一来不仅可以让公司业务高效地运行，还能最大程度保证团队目标的达成。同时还能大幅缩短系统开发和部署的时间成本。特别是有特定需求功能需要定制化的企业，可以采用我们公司自研的企业级低代码平台：织信Informat。 织信平台基于数据模型优先的设计理念，提供大量标准化的组件，内置AI助手、组件设计器、自动化（图形化编程）、脚本、工作流引擎（BPMN2.0）、自定义API、表单设计器、权限、仪表盘等功能，能帮助企业构建高度复杂核心的数字化系统。如ERP、MES、CRM、PLM、SCM、WMS、项目管理、流程管理等多个应用场景，全面助力企业落地国产化/信息化/数字化转型战略目标。 版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们微信：Informat_5 处理，核实后本网站将在24小时内删除。