js——关于this指向问题和修改this的指向

原创已于 2022-03-05 20:09:28 修改 · 379 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端

于 2022-03-04 22:16:12 首次发布

js 专栏收录该内容

12 篇文章

订阅专栏

文章目录

一、this的指向问题
二、修改this指向的放
总结

一、this的指向问题

this的指向问题，在于他他被那个函数调用了就指向那个函数在全局条件下的指向为当前的视窗Window,但是这样就会造成在this的指向达不到我们的要求，还有就是需要改变this的指针方向在达到某些需求。

二、修改this指向的放

1.使用箭头函数

箭头函数里面的this指向不是在于谁调用了函数而是根据函数的上下文来觉定

2. call关键字

call关键字 call会改变this的指向性第一个参数是改变的this指向，其余参数属于传入方法的参数
在这里插入图片描述
这里dog调用方法时this的指向变成cat去了，所以sayName的this.name指向的就是cat的name

3. apply关键字

apply 关键字和call的区别在于他的传参方式是用数组的方式进行传递在这里插入图片描述

4. bind关键字

bind 关键字与上面两种关键字的区别在于他不会执行方法只会放回一个this指向被修改了的对象
在这里插入图片描述

总结

箭头函数，会使this的指向改变为函数的上下文的方向
call会调用函数，通过传参列表依次传参
apply 会调用函数，通过数组来传递参数
bind 不会调用函数只会返回一个修改了this指向的对象，通过传参列表依次传参

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

一个拉G的前端

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

前端笔试面试常考题——this指向问题

XIAO_A_fighting的博客

05-26

493

对于学习来说，不仅要知其然还要知其所以然，this这个关键字，最初一看到它是会让人发懵的，这个this究竟指什么，接下来就让我们一起来探讨一下有关this的种种这个问题想明白之后或许this就不在那么恐怖了，举一个生活中的例子：怎么样？是不是感觉有些赘余，没有必要一直提小红。这样就好一些了，对吧。那么在js中也是如此，this指代会让我们的格式看起来更加整洁，写起来也更加方便，但问题也就随之产生了，我们在调用对象的方法属性时，可能会比较有比较复杂的层层调用，那this究竟指向谁？

前端面试——如何理解this指向？

DW14687的博客

10-24

2261

this指向真的是老生常谈的问题，在八股文当中也占据很重要的位置，面试过程中也会经常问道this指向问题，那么我们今天就来看看this指向和实践把~一、this在不同函数中的指向。

参与评论您还未登录，请先登录后发表或查看评论

JS基础之this的指向和this指向的改变方法

weixin_53350466的博客

01-07

447

一、this的指向 #### 1、普通函数调用普通函数调用，this指向window ```html function fn() { console.log(this); //window } fn() // window.fn（),此处默认省略window ``` #### 2、构造函数调用构造函数调用，this指向实例化对象 ```html function Dog(type, name) { this.t

this指向问题以及改变this指向的三个方法

m0_46893049的博客

07-13

306

this指向问题以及改变this指向的三个方法

js 改变this 指向箭头函数普通函数

u014105739的博客

11-28

656

针对普通函数 this 指向改变 1. call / bind (param1, pram2,....) 第一个参数是新的指向，后面都是参数，可以传入多个字符串 call会立即执行，bind需要手动执行 2. apply(param1, [pram2,....]) 第一个参数是新的指向，后面是参数(数组形式)，会立即执行普通函数与箭头函数的不同：（1）首先是this的指向，普通函数的this 是动态的，谁调用该函数指向谁，普通函数如果前面没有明确的对象调用，非严格情况下都是指向wind.

Javascript中this的指向和this指向的改变方法

zy的博客

03-13

1042

this的其中指向和3种改变this指向的方法：call，apply，bind

JavaScript有关this指向问题，如何修改this指向

qq_43817005的博客

12-18

1380

JavaScript有关this指向问题

JavaScript原理篇——深入理解作用域、作用域链、闭包、this指向

04-26

1555

执行上下文描述了代码执行时的环境，包括变量对象、作用域链和 this 值；而作用域则决定了变量和函数的可访问性范围，分为全局作用域和局部作用域。变量对象用于存储变量和函数声明：是与执行上下文相关联的数据结构，用于存储在上下文中定义的变量、函数声明和形参等信息。作用域链用于解析标识符的查找路径：是 JavaScript 中用于解析标识符（变量名）的机制，它由多个执行上下文的变量对象组成的链表结构。当代码在某个执行上下文中查找变量时，会首先查找当前上下文的变量对象，如果找不到，则会沿着作用域链向上一级上

【JavaScript】this指向经典面试题（超详细）

m0_67391521的博客

07-28

1642

本篇文章主要写的是【JS中this指向面试题（超详细代码解读）】，面试遇到的经典问题不少，所以本文总结一写常见的分享给各位。只要我们掌握了this的四个绑定规则，仔细的去慢慢分析一定没有问题。接下来为大家展示四个经典的面试题。【Web前端面试】葵花宝典（2022版本）——Vue篇【Web前端面试】葵花宝典(2022版本)——React篇【Web前端面试】葵花宝典（2022版本）——CSS篇【Web前端面试】葵花宝典（2022版本）——JS篇（上）【面试专栏】——点击链接即可订阅面试专栏。...

JavaScript的回调函数内部this的指向问题以及四种绑定this指向的方法

最新发布

m0_59390026的博客

11-07

826

常见回调函数内部的this指向问题JavaScript的以及四种绑定this指向的方法

为什么要改变this指向？

weixin_63050915的博客

09-28

1044

this是面向对象语言中的一个重要概念，在JAVA，C++等面向对象的语言中，this固定指向运行时的当前对象。但是在JavaScript中，（边解释边执行），。它代表函数运行时自动生成的一个内部对象，一般在函数内部使用。

JavaScript中的this指向问题及this指向的修改

weixin_43499659的博客

09-22

694

面向对象语言中 this 表示当前对象的一个引用。但在 JavaScript 中 this 不是固定不变的，它会随着执行环境的改变而改变。在方法中，this 表示该方法所属的对象。如果单独使用，this 表示全局对象。在函数中，this 表示全局对象。在事件中，this 表示接收事件的元素。在显式函数绑定时，我们可以自己决定this的指向实例 var person = { firstName: "LeBron", lastName : "James", id : 8

JavaScript-----this的指向及修改this指向

weixin_45904557的博客

06-15

448

this的指向是在使用时判断的而不是创建时判断的,除了箭头函数 1.在全局作用域下,this指向window 2.普通函数和匿名函数里的this指向window, IE事件里面this指向window 3.对象方法里的this指向对象本身 4.对象里面存放的如果是另一个对象,另一个对象的this指向另一个对象,而不是最外层的对象 5.构造函数的this指向它的调用者 6.箭头函数指向创建时的上一层作用域,箭头函数的指向不可变...

js如何改变this指向这些方法的区别是什么

子玉的博客

03-13

477

总的来说，`call()` 和 `apply()` 是立即执行函数并改变 `this` 指向的方法，`bind()` 是创建一个新函数并永久绑定 `this`，而箭头函数则捕获外部作用域的 `this` 值。- 箭头函数没有自己的 `this`，它会捕获定义时所在的父作用域的 `this` 值，因此不会被 `call()`、`apply()` 或 `bind()` 改变。- `bind()` 方法会创建一个新的函数，永久地将指定的 `this` 值绑定到函数上，但不会立即执行函数。

关于JS的改变this指向的三个方法【call，apply，bind】的简单理解

前端、python爱好者

12-17

235

关于JS的改变this指向的三个方法【call，apply，bind】做一个个人的简单理解前言： JS中改变this指向的三个方法，基本都是清楚的，但是在使用上面，看了部分博文，感觉都讲的有些高深莫测了，自己做了一个相对简单的demo，理解上应该是很简单的。基本的使用方法代码注释上都做了说明。也希望有巨佬能提出一些新的见解，感激不尽语法： **[ ]**表示可选参数 function.call ( object , [values] ) function.apply ( object , [array]

JavaScript中this指向问题

m0_72752380的博客

10-28

1767

箭头函数本身没有this，箭头函数中的this与上级作用域中的this相同。函数还可以作为某个对象的方法调用，这时this就指向这个调用函数的对象。bind方法会将函数的this，永久捆绑在指定的对象上，不能改变。在let中声明的箭头函数，存储在脚本作用域中，

JavaScript的this指向问题

m0_60909419的博客

06-30

486

普通函数：谁调用就指向谁，如果没有调用者，就指向全局对象window。箭头函数：箭头函数的this指向于函数作用域所用的对象。它的永远是外层函数的一、在全局作用域下，this始终指向全局对象window，无论是否是严格模式！二、普通函数内的this分为两种情况，严格模式下和非严格模式下。三、对象中的this，对象内部方法的this指向调用这些方法的对象，也就是谁调用就指向谁。一层对象。二层对象，多层嵌套的对象，内部方法的this指向离被调用函数最近的对象。四、箭

javascript里面的this指向问题

qq_34111969的博客

08-17

806

基本分为两类非箭头函数的this 简而言之，this指向调用这个函数的对象。 notice: 因为可以使用赋值，或者使用call，apply，以及bind，所以这个this是可以改变的箭头函数的this 简而言之，this指向声明这个箭头函数时所处的上下文。可以将箭头函数理解为一个new function()；当执行到这里时，上下文是什么，它就是什么。像那种a函数return出来的箭头函数，this指向执行函数a的对象。 notice: 使用call，apply，以及bind，不能改变th

JavaScript基础：this 指向问题

imagine_tion的博客

03-05

1300

一、常见错误理解 this是指向自身吗？特别是在函数中使用 this 的时候，this 是指的所在的这个函数对象吗？看下面示例： function test() { console.log(this.name) } test.name='aaaa' test() // '' 输出的是空字符串，因为此时 this 指向的是 window ，所以 this 并不是指向自身 this指向函数的作用域吗？ function test() { var name = 'bbbbb' conso.

深入解析JavaScript中this指向的38道面试题

在非严格模式下，当一个函数独立调用时（即没有上下文对象），`this`会自动指向全局对象——在浏览器环境中为`window`，在Node.js中则为`global`。例如，定义一个简单函数`function foo() { console.log(this); }`并...