前端基础——this指向问题

最新推荐文章于 2023-12-02 11:16:48 发布
最新推荐文章于 2023-12-02 11:16:48 发布
阅读量129 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/oschina_41661541/article/details/117078409
版权

首先需要明确的是：

this是在函数执行的时候确定的，谁调用就指向谁

 

  • 通过构造函数new创建的，指向创建的对象

 

  • 通过call、apply、bind显示调用，this是由传入的第一个参数决定的

 

  • 通过隐式xx.fn调用的，this指向xx

 

  • 直接被调用，严格模式：undefined，非严格：全局对象

非严格模式

 

严格模式

 

 

有个派大星
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端面试：this指向的问题
澄澈的博客
04-12 328
this
前端技术栈: css和ES6
06-19
3. **箭头函数**：更简洁的函数定义方式，其this指向规则与普通函数不同，遵循词法作用域。 4. **解构赋值**：可以从数组或对象中快速提取值，赋值给变量，简化代码。 5. **类与继承**：ES6引入了类的概念，使用...
前端js中this指向及改变this指向
json博客
01-10 1584
一、 this含义 this是JS中的关键字， 它始终指向了一个对象， this是一个指针; 二、 this显示绑定和隐式绑定 1. this显示绑定  含义： 当一个函数没有明确的调用对象的时候， 也就是单纯作为独立函数调用的时候， 将对函数的this使用默认绑定： 绑定到全局的window对象  在显式绑定下： 函数将取得在“ 包含对象“ 里的永久居住权， 一直都会” 住在这里“  1.1 全...
前端中的This指向
weixin_54889156的博客
04-06 1288
前端中的This 指向 1.全局作用域下的this指向window。 2.如果给元素的事件行为绑定函数，那么函数中的this指向当前被绑定的那个 元素。 3.函数中的this，要看函数执行前有没有 . , 有 . 的话，点前面是谁，this就 指向谁，如果没有点，指向window。 4.自执行函数中的this永远指向window。 5.定时器中函数的this指向window。 6.构造函数中的this指向当前的实例。 7.call、apply、bind可以改变函数的this指向。 8箭头函数
前端之this指向
半城烟沙丶的博客
05-25 346
this是JavaScript中的一个关键字，但是又一个相对比较特别的关键字，不像function、var、for、if这些关键字一样，可以很清楚的搞清楚它到底是如何使用的。 this会在执行上下文中绑定一个对象，但是是根据什么条件绑定的呢？在不同的执行条件下会绑定不同的对象，这也是让人捉摸不定的地方。 这一次，我们一起来彻底搞定this到底是如何绑定的吧！ 理解this 1.1.为什么使用this 常见面向对象的编程语言中，比如Java，C++，Swift，Dart等等一系列语言中，this通常只会出现
06前端基础----this指向
hbmern的博客
04-28 107
一、this的绑定规则： 1、默认绑定： function girl(){ console.log(this); } girl(); 全局调用gir()函数，这里的this，并没有明确指向谁，所以就是默认Window全局对象 2、隐式绑定： var girl={ name:"小红"; height:"160"; detail:function(){ console.log("姓名："，this.name); } } girl.detail(); 这里的this，指向这个girl
js设计模式 前端学习，很全
最新发布
07-22
在前端开发领域，设计模式是一种被广泛使用的编程思想，它能够帮助开发者更好地组织代码、提高代码的可维护性和可扩展性。接下来，我们将详细探讨两种重要的JavaScript设计模式——单例模式与工厂模式。 #### 单例...
Web-前端教程38 JS进阶：上下文.zip
05-24
JavaScript是Web前端开发的核心语言，本教程聚焦于JS的进阶知识——上下文。在JavaScript中，上下文是一个至关重要的概念，它涉及到函数执行、作用域以及闭包等多个方面。理解上下文对于提升编程能力、避免常见错误...
前端关于JS的面向对象概念
01-08
在这个例子中，`Person`是一个构造函数，`this`关键字在构造函数内部指向新创建的对象。`new`操作符首先创建一个空对象，然后将该对象的`__proto__`指向构造函数的`prototype`属性所引用的对象，并执行构造函数体内...
城市列表实现——可折叠
06-07
在这个示例中，我们假设每个可折叠的城市列表项都有一个`data-target`属性，指向需要展开或折叠的子列表。 4. **响应式设计**： 对于移动设备，可能需要调整布局以适应较小的屏幕。可以使用媒体查询（Media ...
前端this指向详解
博哥的二进制世界
08-12 1576
前端this指向详解
前端this指向大全
qq_26889291的博客
09-23 163
点击此处跳转.
前端中this指向问题
yang525534167的博客
08-19 487
this的取值是在函数执行时决定的,而不是在函数定义时!!! // 第一种 : 作为普通函数 const fn(){ console.log(this) } fn() // 输出的是window // 第二种 : 通过call apply bind const fn(){ console.log(this) } fn.call({x : 100}) // .apply({x : 100}) fn() // 输出的是{x : 100} // 使用.bind会返回一个新的方法 const fn1 = fn
前端this指向性问题
iblackboy的博客
09-21 493
时间久了,对前端this的指向中某些细节有些遗忘,单独拿出来整理一下,主要有以下几个部分 1.默认绑定,隐式绑定,显式绑定 2.构造函数 3.map()等api中回调函数的this 首先先来说说各种绑定方式之前的区别 默认绑定: 默认绑定也就是普通函数中this的绑定方式,this的指向是window function test(){ console.log(this); } test() //window 隐式绑定: 最典型的就是对象中的某个属性是方法,这种this.
前端this指向问题总结
zhangqling的博客
03-20 365
1、this的五种情况分析（this是执行主题，就是谁把他执行的，和在哪创建在哪执行都没关系） 函数执行：看方法执前边是否有点，如果没有点指向window（严格模式下指向undefined）。有点，点前边是谁，this就指向谁。 const fn=function func(){ console.log(this); } const obj={ name: 'ling', fn:fn, } fn();// this是window obj.fn();// this是obj 给某
前端面试——如何理解this指向？
DW14687的博客
10-24 1979
this指向真的是老生常谈的问题，在八股文当中也占据很重要的位置，面试过程中也会经常问道this指向问题，那么我们今天就来看看this指向和实践把~一、this在不同函数中的指向。
This详细用法
AYBBZXY的博客
12-02 1260
自定义函数中的this指向的是window，事件处理程序下的this,指向绑定这个事件的事件源对象，自定义对象下的方法中的this指向调用这个方法的对象，严格模式下自定义函数的this是undefined，定时器下的this指向的是window。可以使用bind(),call(),apply()改变this的指向，箭头函数里面的this来源于声明时所在的上一级this的指向，箭头函数里面的this指向不能改变。//console.log(obj.test)//打印的是函数，没有内容。//this 关键字。
前端基础(九)_this基本使用、this指向判断、改变this指向的方法
见贤思齐焉，见不贤内自省
01-09 1073
this基本使用、this指向判断、改变this指向的方法
JavaScript中this的指向 详解
Wang Chengchen's Blog
05-13 4843
JavaScript的this的指向详解 this的指向一直是困扰前端小白的难题，作为小白的我用掉了好多头发的能量，稍微总结出来一点经验！！！ 关于this的指向，主要有一下几个版块， ①全局环境下的this指向 ②函数内的this ③对象中的this ④箭头函数中的this ⑤构造函数中的this ⑥原型链中的this 【补充一点】关于this，谁调用就指向谁，箭头函数在下面做单独讨论。 一、全局环境下的this指向 在全局作用域下，this始终指向全局对象window，无论是否是严格模式！ congs
前端函数内this指向
06-11
在前端函数中，this指向取决于函数的调用方式。如果函数是作为对象的方法调用，那么this会指向该对象。如果函数是作为普通函数调用，那么this会指向全局对象（在浏览器中通常是window对象）。如果使用函数的call()或apply()方法调用函数，可以显式地指定this指向哪个对象。如果使用箭头函数定义函数，则this指向定义该函数的上下文对象。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值