谈谈 This 对象的理解？

最新推荐文章于 2024-05-20 14:24:12 发布
原创 最新推荐文章于 2024-05-20 14:24:12 发布 · 711 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#call apply  bind

本文详细解析了JavaScript中this对象的概念及作用，包括其在全局环境、局部环境中的指向规则，以及如何通过call、apply、bind方法改变this的指向。

问题网址 : http://bbs.daxiangclass.com/?thread-258.htm

谈谈this对象的理解?

this表示当前对象，this的指向是根据调用的上下文来决定的，默认指向window对象。

  1. 全局环境:
    全局对象就是在里面,这里的this始终都是指向window对象
  2. 局部环境
    1) 在对象函数中调用,那个对象调用就指向那个对象.
    2) 使用new 实例化对象 , 在构造函数中的this指向实例化对象 .
    3) 使用 new 实例化对象，在构造函数中的this指向实例化对象。
    这里写图片描述

改变this的指向的三种方法 call apply bind

call方法
这里写图片描述

apply方法
这里写图片描述

bind方法
这里写图片描述

什么是面向对象编程？
小贺想改变
09-05 3288
初识面向对象、以及学会如何创建类和对象，没有对象的看完便有”对象“了
【前端知识之JS】JS中的this对象的理解
weixin_44337386的博客
05-30 809
本系列主要整理前端面试中需要掌握的知识点。本节介绍JS中this对象应该怎么理解。
怎么理解this对象
读心悦
05-03 463
在JavaScript中，this对象是一个非常重要的概念，它代表函数被调用时的上下文。但是，由于JavaScript的函数调用方式多样，this的值可能会在不同的调用方式下发生变化，因此this的理解常常让初学者感到困惑。下面我们就来详细解析一下this对象。首先，我们需要明确的是，this的值并不是在函数定义时确定的，而是在函数被调用时确定的。也就是说，同一个函数在不同的调用方式下，this的值可能会不同。
Javascript理解this对象
angyangan9569的博客
02-25 394
this是函数运行时自动生成的一个内部对象，只能在函数内部使用，但总指向调用它的对象。 通过以下几个例子加深对this的理解。 （1）作为函数调用 var name = 'Jenny'; function person() { return this.name; } console.log(person()); //Jenny 上面这个例子在全局作用域中调用person()，此...
深入理解this对象
woshinannan的专栏
04-13 7866
this的定义在JavaScript中this表示函数运行的时候自动生成的一个内部对象，只能在函数内部使用，下面是一个简单的例子：function test(){ alert(this == window); } test();code1 有的时候this的使用会让许多人觉得琢磨不定，但是总结一句话就是谁调用的方法this就是指向谁下面我们分五个方面来介绍一下this1.函数调用(指向wi
10.说说你对Javascript中this对象的理解
kleinBlue.的博客
10-18 406
一、定义 函数的this关键字在JavaScript中的表现略有不同，此外，在严格模式和非严格模式之间也会有一些差别 在绝大多数情况下，函数的调用方式决定了this的值（运行时绑定） this关键字是函数运行时自动生成的一个内部对象，只能在函数内部使用，总指向调用它的对象 举个例子： functionbaz(){ //当前调用栈是：baz //因此，当前调用位置是全局作用域 console.log("baz"); bar()...
谈谈This对象的理解
LuckXinXin的博客
05-26 276
this总是指向函数的直接调用者（而非间接调用者） 如果有new关键字，this指向new出来的那个对象 在事件中，this指向触发这个事件的对象，特殊的是，IE中的attachEvent中的this总是指向全局对象Window ...
面试题-谈谈你对this的理解？
汪汪汪汪
02-26 684
(又叫做硬绑定) (上下文调用模式, 想让this指向谁, this就指向谁)是一个在运行时才进行绑定的引用，在不同的情况下它可能会被绑定不同的对象。(谁调用, this指向谁) (方法调用模式 obj.fn() )调用构造函数时，会创建一个新的对象并将该对象绑定到构造函数的。(指向window的情况) (函数调用模式 fn() )会被绑定到全局对象上，比如在浏览器环境中就为。如果函数的调用是从对象上发起时，则该函数中的。对象，在node.js环境下为。
前端面试——如何理解this指向？
DW14687的博客
10-24 2261
this指向真的是老生常谈的问题，在八股文当中也占据很重要的位置，面试过程中也会经常问道this指向问题，那么我们今天就来看看this指向和实践把~一、this在不同函数中的指向。
谈谈this对象的理解
itpeilibo的博客
10-24 884
函数的this关键字在JavaScript中的表现略有不同，此外，在严格模式和非严格模式之间也会有一些差别在绝大多数情况下，函数的调用方式决定了this的值（运行时绑定）this关键字是函数运行时自动生成的一个内部对象，只能在函数内部使用，总指向调用它的对象// 当前调用栈是：baz // 因此，当前调用位置是全局作用域 console . log("baz");bar();//
谈谈你对this对象的理解
didumin1941的博客
03-21 2880
理解： 1.this是js 的一个关键字，随着函数的使用场合的不同，this 的值会发生变化。 2.一个总原则：即this指的是调用函数的那个对象。 3.一般情况下，this 是全局对象，可以作为方法调用。 转载于:https://www.cnblogs.com/dhpong/p/10569661.html...
对this对象的理解
Cshaosun的博客
05-20 629
This 是执行上下文中的一个属性，它指向最后一次调用这个方法的对象。this的值并不是在函数定义时确定的，而是在。在实际开发中，this 的指向一般可以通过四种调用模式来判断。
谈谈对this对象的理解？
weixin_43912756的博客
07-19 3148
箭头函数不绑定this，箭头函数没有自己的this关键字 如果在箭头函数中使用this，this关键字将指向箭头函数定义位置的this function fn() { console.log(this); } const obj = {name: 'zhangsan'}; fn.call(obj); // fn内部的this指向obj对象 //{ name: 'zhangsan' } 例子： var obj = { age: 20, say: () => {
JS基础——谈谈对this对象的理解
ZKH129的博客
06-12 375
JS中的this指向
理解js中的this对象
u012723951的博客
04-04 2005
关于this对象，一直不是很好理解，我也经常被困惑，因为this对象经常会因为代码书写的方式不同而导致似乎自己认知中的this对象被改变了，但实际上this还是那个this。一句话：“this 对象是函数在运行时基于函数的执行环境而绑定的”。如在全局环境中执行的函数，this就等于window，而当使用object调用函数时this就执行了这个object。 好了，接下来就说说上面说的“因为代码
this对象的理解
MarcherXxx的博客
09-08 239
this对象的理解 this总是指向函数的直接调用者（而非间接调用者）； 如果有new关键字，this指向new出来的那个对象； 在事件中，this指向触发这个事件的对象，特殊的是，IE中的attachEvent中的this总是指向全局对象Window。 ...
谈谈你对Spring的理解？
最新发布
06-14
### Spring框架的核心概念和主要功能 Spring框架是一种轻量级的开源Java平台，旨在简化Java应用程序的开发[^2]。它通过提供一系列工具和技术，帮助开发人员构建灵活、可维护的应用程序。以下是Spring框架的核心概念和主要功能： #### 核心概念 1. **控制反转（IoC）** IoC是Spring框架的核心设计思想之一，用于降低类之间的耦合度。通过IoC容器，Spring负责创建对象实例、管理对象的生命周期，并自动处理对象之间的依赖关系[^4]。 2. **依赖注入（DI）** DI是IoC的具体实现方式，允许将对象的依赖关系从代码中分离出来，并由Spring容器在运行时动态注入。这种方式提高了代码的灵活性和可测试性[^2]。 3. **面向切面编程（AOP）** AOP是一种编程范式，允许将横切关注点（如日志记录、事务管理等）与核心业务逻辑分离。通过AOP，可以集中管理和重用这些横切关注点，从而提高代码的模块化程度[^5]。 4. **事件驱动** Spring框架支持事件驱动模型，允许组件之间通过发布-订阅机制进行通信。这种模式有助于解耦组件并增强系统的可扩展性[^1]。 5. **数据访问和事务管理** Spring提供了对多种数据访问技术的支持，包括JDBC、ORM框架（如Hibernate、JPA）等。同时，Spring还提供了声明式事务管理功能，使得事务处理更加简单和一致[^3]。 #### 主要功能 1. **全面的基础设施支持** Spring框架为Java应用程序提供了全面的基础设施支持，涵盖了从Web开发到企业级应用的各个方面。 2. **微服务支持** 随着微服务架构的兴起，Spring Boot作为Spring框架的扩展，提供了一种快速开发独立微服务的方式。它内置了嵌入式服务器、自动配置等功能，极大地简化了开发流程[^2]。 3. **模块化设计** Spring框架采用模块化设计，开发者可以根据需要选择使用特定的功能模块，而无需引入整个框架。这种灵活性使得Spring适用于从小型项目到大型企业级应用的各种场景。 4. **强大的生态系统** Spring拥有一个庞大的生态系统，包括Spring MVC、Spring Data、Spring Security等多个子项目，能够满足不同领域的开发需求[^3]。 ```java // 示例：Spring中的依赖注入 @Service public class MyService { private final MyRepository myRepository; @Autowired public MyService(MyRepository myRepository) { this.myRepository = myRepository; } public void performTask() { myRepository.saveData(); } } ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值