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

已于 2022-03-05 20:09:28 修改
阅读量314 收藏
点赞数
分类专栏： js 文章标签： javascript 前端
于 2022-03-04 22:16:12 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fdadfas/article/details/123286288
版权

文章目录


一、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指向的对象 ，通过传参列表依次传参

一个拉G的前端
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js高级——this指向
m0_58471238的博客
10-17 242
js高级——this指向
前端笔试题整理——修改this指向
suuuuuki98的博客
04-06 126
前端面试题整理 1.封装函数 f，使 f 的 this 指向指定的对象 修改this指向总共有apply,call,bind三种方法，下面对这三种函数的用法进行了整理。 apply ，fn.apply(obj, [argsArray]) apply接受两个参数，第一个参数是this的指向，第二个参数是函数接受的参数，以数组的形式传入。并且修改原函数this指向就会立即执行。 function bindThis(f, oTarget) { return function(){ r
JS基础之this的指向和this指向的改变方法
weixin_53350466的博客
01-07 392
一、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 256
this指向问题以及改变this指向的三个方法
js 改变this 指向 箭头函数 普通函数
u014105739的博客
11-28 575
针对普通函数 this 指向改变 1. call / bind (param1, pram2,....) 第一个参数是新的指向，后面都是参数，可以传入多个字符串 call会立即执行，bind需要手动执行 2. apply(param1, [pram2,....]) 第一个参数是新的指向，后面是参数(数组形式)，会立即执行 普通函数与箭头函数的不同： （1）首先是this的指向，普通函数的this 是动态的，谁调用该函数指向谁，普通函数如果前面没有明确的对象调用，非严格情况下 都是指向wind.
Javascript中this的指向和this指向的改变方法
zy的博客
03-13 954
this的其中指向和3种改变this指向的方法：call，apply，bind
JavaScript有关this指向问题，如何修改this指向
qq_43817005的博客
12-18 1216
JavaScript有关this指向问题
JS—this指向问题全面解析（十）
施益明的博客
10-20 788
JS中this关键字大解析
【JavaScript】this指向经典面试题（超详细）
m0_67391521的博客
07-28 1500
本篇文章主要写的是【JS中this指向面试题（超详细代码解读）】，面试遇到的经典问题不少，所以本文总结一写常见的分享给各位。只要我们掌握了this的四个绑定规则，仔细的去慢慢分析一定没有问题。接下来为大家展示四个经典的面试题。【Web前端面试】葵花宝典（2022版本）——Vue篇【Web前端面试】葵花宝典(2022版本)——React篇【Web前端面试】葵花宝典（2022版本）——CSS篇【Web前端面试】葵花宝典（2022版本）——JS篇（上）【面试专栏】——点击链接即可订阅面试专栏。...
this指向
miaoguangkun的博客
05-06 216
this全局变量中的this函数中的this对象中的this 全局变量中的this console.log(this) // window 严格模式和非严格模式都指向window 函数中的this 严格模式下,this指向undefined,非严格模式下this指向window //1. function fn() { console.log(this) } fn() //2. function fn1(){ console.log(this) } function
为什么要改变this指向？
weixin_63050915的博客
09-28 878
this是面向对象语言中的一个重要概念，在JAVA，C++等面向对象的语言中，this固定指向运行时的当前对象。但是在JavaScript中，（边解释边执行），。它代表函数运行时自动生成的一个内部对象，一般在函数内部使用。
JavaScript中的this指向问题及this指向的修改
weixin_43499659的博客
09-22 608
面向对象语言中 this 表示当前对象的一个引用。 但在 JavaScript 中 this 不是固定不变的，它会随着执行环境的改变而改变。 在方法中，this 表示该方法所属的对象。 如果单独使用，this 表示全局对象。 在函数中，this 表示全局对象。 在事件中，this 表示接收事件的元素。 在显式函数绑定时，我们可以自己决定this的指向 实例 var person = { firstName: "LeBron", lastName : "James", id : 8
JavaScript-----this的指向及修改this指向
weixin_45904557的博客
06-15 367
this的指向是在使用时判断的而不是创建时判断的,除了箭头函数 1.在全局作用域下,this指向window 2.普通函数和匿名函数里的this指向window, IE事件里面this指向window 3.对象方法里的this指向对象本身 4.对象里面存放的如果是另一个对象,另一个对象的this指向另一个对象,而不是最外层的对象 5.构造函数的this指向它的调用者 6.箭头函数指向创建时的上一层作用域,箭头函数的指向不可变...
js如何改变this指向这些方法的区别是什么
最新发布
子玉的博客
03-13 377
总的来说，`call()` 和 `apply()` 是立即执行函数并改变 `this` 指向的方法，`bind()` 是创建一个新函数并永久绑定 `this`，而箭头函数则捕获外部作用域的 `this` 值。- 箭头函数没有自己的 `this`，它会捕获定义时所在的父作用域的 `this` 值，因此不会被 `call()`、`apply()` 或 `bind()` 改变。- `bind()` 方法会创建一个新的函数，永久地将指定的 `this` 值绑定到函数上，但不会立即执行函数。
关于JS的改变this指向的三个方法【call，apply，bind】的简单理解
前端、python爱好者
12-17 185
关于JS的改变this指向的三个方法【call，apply，bind】做一个个人的简单理解 前言： JS中改变this指向的三个方法，基本都是清楚的，但是在使用上面，看了部分博文，感觉都讲的有些高深莫测了，自己做了一个相对简单的demo，理解上应该是很简单的。基本的使用方法代码注释上都做了说明。也希望有巨佬能提出一些新的见解，感激不尽 语法： **[ ]**表示可选参数 function.call ( object , [values] ) function.apply ( object , [array]
JavaScript中this指向问题
m0_72752380的博客
10-28 1051
箭头函数本身没有this，箭头函数中的this与上级作用域中的this相同。函数还可以作为某个对象的方法调用，这时this就指向这个调用函数的对象。bind方法会将函数的this，永久捆绑在指定的对象上，不能改变。在let中声明的箭头函数，存储在脚本作用域中，
JavaScript的this指向问题
m0_60909419的博客
06-30 413
普通函数：谁调用就指向谁，如果没有调用者，就指向全局对象window。箭头函数：箭头函数的this指向于函数作用域所用的对象。它的永远是外层函数的一、在全局作用域下，this始终指向全局对象window，无论是否是严格模式！ 二、普通函数内的this分为两种情况，严格模式下和非严格模式下。 三、对象中的this，对象内部方法的this指向调用这些方法的对象，也就是谁调用就指向谁。一层对象。 二层对象，多层嵌套的对象，内部方法的this指向离被调用函数最近的对象。 四、箭
javascript里面的this指向问题
qq_34111969的博客
08-17 450
基本分为两类 非箭头函数的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 1080
一、常见错误理解 this是指向自身吗？ 特别是在函数中使用 this 的时候，this 是指的所在的这个函数对象吗？看下面示例： function test() { console.log(this.name) } test.name='aaaa' test() // '' 输出的是空字符串，因为此时 this 指向的是 window ，所以 this 并不是指向自身 this指向函数的作用域吗？ function test() { var name = 'bbbbb' conso.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值