改变this指向的三种方法

于 2024-07-06 20:57:18 发布
阅读量592 收藏 6
点赞数 18
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_65338906/article/details/140234874
版权

改变this指向的三种方法

call()方法

1.call的第一个作用是可以进行函数的调用
2. 可以改变this指向，如果没有参数，this指向window
在这里插入图片描述

  1. 可以改变this指向，如果有参数，this指向该参数
    在这里插入图片描述

  2. 可以改变this指向，如果有多个参数，第一个参数是用来改变this指向的（不进行传参），其余的参数是参数列表（真正的实参）
    在这里插入图片描述

apply()方法
1.进行函数的调用
2.可以改变this指向，如果没有参数，this指向window

在这里插入图片描述
3.可以改变this指向，如果有参数，this指向该参数
在这里插入图片描述
4.可以改变this指向，如果有多个参数，第一个参数是用来改变this指向的（不进行传参）
在这里插入图片描述

bind()方法
1.不可以进行函数的调用
2.可以改变this指向，如果没有参数，this指向window。
3.可以改变this指向，如果有参数，this指向该参数
在这里插入图片描述

小铭同学123
关注
  • 18
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js改变this指向的三种方法
qq_44306615的博客
11-03 615
js改变this指向的三种方法
React改变this指向的三种方法
qq_39233028的博客
11-06 659
组件名称Home.js 基本代码; importReactfrom"react"; classHome1extendsReact.Component{ constructor(props){ super(props); this.state={ msg:'zhesh' } } render(){ ...
如何改变this指向？this指向总结
小草莓的博客
05-04 1511
1、箭头函数中的 this 是在声明中就定义好了的，而普通函数中的 this 则是在调用时定义好的。2、基本上可以归为五类：① 全局this指向是window ② 普通函数this的指向是调用者③ 构造函数的this是new之后的新对象 ④ 箭头函数this的指向的是其父级指向⑤ call、 apply、bind的this指向的是第一个参数JavaScript 中的this用一句话来概括，就是在执行时确定的。
JS中改变this指向的方法(call和apply、bind)
10-22
this是javascript的一个关键字，随着函数使用场合不同，this的值会发生变化。但是总有一个原则，那就是this指的是调用函数的那个对象，通过本文给大家介绍JS中改变this指向的方法(call和apply、bind)，需要的朋友参考下
改变this指向的方法
weixin_47619284的博客
08-22 6739
改变this指向的方法
改变javascript函数内部this指针指向的三种方法
Kc
12-04 1592
javascript 的this 值，真的是非常的莫名奇妙。我一直被搞的很头晕，也许正是这个this，让大多数人感觉js 非常的莫名其妙。 在查了大量的资料后，我总结了下面的三条规则，这三条规则，已经可以解决目前我所遇到的所有问题. 规则0：函数本身是一个特殊类型，大多数时候，可以认为是一个变量。  复制代码代码如下: function a(
改变this的指向
ndjjddj的博客
04-06 46
二、apply（）方法。一、call（）方法。三、bind（）方法。
改变this指向的方法——六种
最新发布
LiuHB_的博客
10-24 1342
在外部定义this之前，this会指向obj自身age:19,obj.func();在外部定义this之后，this会指向定义位置的windowage:19,obj.func();
this指向和改变其指向的方法
w1998725的博客
02-18 2801
this笔记(仅作为个人学习使用) 1、this 的指向 在 ES5 中，其实 this 的指向，始终坚持一个原理：this 永远指向最后调用它的那个对象。 下面这个例子，这里的 a() 是被window调用的,所以这里的this指向就是window。 var name = "windowsName"; function a() { var name = "Cherry"; console.log(this.name); // window
this的指向及改变this指向的方法
qq_37860317的博客
11-11 472
this的指向问题 this的指向是当我们调用函数的时候确定的，调用方式的不同决定了this指向的不同，this一般指向我们的调用者 <script> // 函数的不同调用方式决定了this 的指向不同 // 1. 普通函数 this 指向window function fn() { console.log('普通...
改变函数中的this的方法
m0_66711291的博客
02-08 495
一般函数中的this指向的是函数的调用者 但也可以用一些方法来改变函数中的this指向 1.call(改变的this指向，参数1，参数2) 2.apply(改变的this指向，[参数1，参数2]) 3.bind(改变的this指向，参数1，参数2) 他们都可以改变this的指向 但是call和apply会立即调用函数，bind不会调用函数，会返回一个新的函数的拷贝 call和apply传递的参数不同，apply的参数必须是数组。 var o = { name:"mu
改变this指向方法
weixin_30551963的博客
06-26 129
原生js： .call() jQuery : .proxy() 利用赋值 var that = this; 来改变嵌套函数的 'this' 指向 利用es6 箭头函数 改变 this指向 1 <script> 2 function show() { 3 alert(this) 4 } 5 ...
改变this指针的方法
cuteyDan的博客
03-20 830
javascript的一大特点：函数存在 定义时上下文 运行时上下文，并且上下文是可以改变的。例1：function f(){ console.log(this); } f();//windowcall、apply例2：var aa={ name:'zdn', fun:function(){ console.log(this.name); } } v...
JavaScript关于THIS——改变THIS指针（指向）
DebbyOctober的博客
09-17 331
三种方式： 1>赋值 要使返回结果是李四，那么111行即：把this（obj）这个对象给了变量That，由于内部有权访问外部，因此117行可改为116行写的(变量. username)，道理一样。 打印alert( f ); 打印arguments看实参（结果和打印alert(f );相同） 但是arguments是一个对象，由于我们知道this代表当前对象，如果执行的是arguments0，那么this代表arguments（当前对象） 152行弹出结果： 155行弹出结果： 2>cal
前端，修改this指针
莫怀疑人生
07-19 504
//题目描述 //封装函数 f，使 f 的 this 指向指定的对象 function bindThis(f, oTarget) { return function(){ var parames = Array.prototype.slice.call(arguments); return f.apply(oTarget,parames); } }
改变调用函数的this指针方向
weixin_30614109的博客
08-22 46
apply call function a(...Obj){ 　　trace(this.g);　　var m=0;　　for each(var i in Obj){　　　　m+=1;　　　　trace(m);　　}} function b(...Obj){ 　　this.g=3;　　a.apply(this,Obj);} b(1,2,3,4); 还有 ...Obj的传递。 ...
修改this的三种方法
weixin_70348294的博客
09-28 550
1. 全局中指向window2. 构造函数中,this指向new出来的实例;比如说vue内的this都指向 vue的实例化3. 箭头函数不会改变this指向;我通常在请求数据请求回来接受数据的时候,会写成箭头函数4. 函数中 this指向最后调用的;汗水在声明的时候是没有this指向的,只有在调用的时候才会有this指向并且谁最后调用指向谁5. 原生dom点击事件内的this指向 点击的元素 当我写代码的时候,通常情况下,我直接 写一个 let vm = this;
改变this的三种 方法
06-13
在 JavaScript 中，可以通过以下三种方法来改变 `this` 的指向： 1. 使用 `call()` 方法：`call()` 方法接收一个参数列表，第一个参数用于指定 `this` 的值，后续参数则是函数的参数列表。 2. 使用 `apply()` 方法：`apply()` 方法与 `call()` 方法类似，但是它接收的第二个参数是一个数组，用于传递函数的参数。 3. 使用 `bind()` 方法：`bind()` 方法返回一个新函数，其 `this` 值被绑定到指定的值。与 `call()` 和 `apply()` 不同，`bind()` 方法不会立即调用函数，而是返回一个新函数，该函数可以稍后调用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值