js中this指向以及改变this指向方法

于 2024-04-03 12:39:13 发布
阅读量374 收藏 3
点赞数 13
文章标签： javascript 开发语言 ecmascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/frdsf123/article/details/137341216
版权

js中this指向以及改变this指向方法

this指向

1、在构造函数中this指向实例化对象

2、在自定义对象的函数（方法）中this指向当前的对象

3、在普通函数中this指向window

4、在事件函数中this指向事件源

5、在定时器函数中this指向window

6、原型对象的函数中：

​ 如果是实例对象调用，this指向实例对象

​ 如果是原型对象调用，this指向原型对象

7、在数组函数中指向当前数组

改变this指向

一、call()

​ 1、可以进行函数的调用

​ 2、可以改变this的指向，如果没有参数，this指向window

​ 3、可以改变this的指向，如果有一个参数，this指向该参数

​ 4、可以改变this的指向，如果有多个参数，this指向第一个参数，剩下的是个参数列表（构造函数继承的案例）

二、apply()

​ 1、可以进行函数的调用

​ 2、可以改变this的指向，如果没有参数，this指向window

​ 3、可以改变this的指向，如果有一个参数，this指向该参数

​ 4、可以改变this的指向，如果有多个参数，第一个参数是null或者window，第二个参数是数组

三、bind()

​ 1、不可以进行函数的调用

​ 2、可以改变this的指向，如果没有参数，this指向window

​ 3、可以改变this的指向，如果有一个参数，this指向该参数

JavaScript嵌套函数this的重定向
DecadeScript's Notes
09-14 1847
在嵌套函数里，this的指向已经不是那么的明朗了。 看下面一段代码。var obj = { name: 'Jane', friends: [ 'Tarzan', 'Cheeta' ], loop: function () { 'use strict'; this.friends.forEach( function (f
js绑定事件this指向发生改变的问题解决方法
10-27
在JavaScript中，事件处理函数中的`this`关键字常常会因为不同的绑定方式而指向不同的对象，导致运行时出现不符合预期的结果。通常情况下，我们使用`.bind`、`.call`或`.apply`方法来明确指定函数内部`this`的指向。...
JS改变函数this的指向
dp1619711764的博客
08-22 215
JavaScript 中还允许指定函数中 `this` 的指向，有 3 个方法可以动态指定普通函数中 `this` 的指向
JS 改变函数中 this 的指向
热情的血液、石头的冰冷
03-31 907
JS 中，函数也是一个变量，而变量又可以看成是一个对象，既然是对象，那就有属性和方法； 改变函数中 this 的指向，可以用 函数的 call() 或者 apply() 的方法； function  fn( a , b , c ) {   ... ...   } call() 使用方法： call ( obj , 'AAA' , 'BBB' , 'CCC' )  ;  obj
JS改变函数内部this的指向问题
weixin_47492981的博客
05-08 292
处理函数内部this的指向问题，常用的有call()、apply()、bind()三种方法。 1、call方法 作用：可以调用函数和改变函数内的this指向，call的主要作用是可以实现继承。 语法：fun.call(thisArg,arg1,ag2,…) var o = { name:"andy" } function fn(a,b) { console.log(this);//此时...
js如何改变函数的this指向
m0_63836635的博客
08-26 376
call、apply、bind以及es5继承
JS中改变this指向的方法(call和apply、bind)
10-22
本文将详细介绍三种在JavaScript中改变`this`指向的方法：`call`、`apply`以及`bind`。 1. `call`方法： 当我们需要在其他对象的上下文中执行某个函数时，可以使用`call`方法。`call`接受两个参数：第一个参数是想...
js中this的绑定情况以及如何改变this的指向
01-08
以下是对`this`绑定情况及其改变方法的详细解释。 1. **默认绑定**： 当函数独立调用时（不与任何对象关联），`this`通常会绑定到全局对象，非严格模式下是`window`，在严格模式下则是`undefined`。 2. **隐式...
Javascript 中 this指向
09-07
这时，this指向的是最后调用它的对象，在foo.fn()语句中，this指向的是foo对象。 例题 4： ``` const student = { name: 'zhangsan', fn: function () { return this; } } console.log(student.fn() === ...
javascript中this指向详解
10-22
为了让读者更加深入地理解JavaScript中的this指向问题，本文将会详细分析this在不同场景下的行为，并通过实际代码示例来说明。 首先，JavaScript中的this不同于一些其他面向对象编程语言（如Java或C#）中的this。在...
js中改变函数内部this指向的方法
no_one_but_you的博客
12-04 570
1-call()方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的 this 指向 // 一般应用于继承 var o = { name: 'lisi' } function fn(a, b) { console.log(this); console.log(a+b) }; fn()// 此时的this指向的是window fn.call(o,1,2)//此时的this指向的是对象o,参数使用逗号隔开 2-apply() 方法调用一个函数。简单理解为调用函数的方式，
JavaScript改变this指向的三种方法
m0_65569793的博客
05-03 7479
1.call() 方法 call()可以改变函数内的this 指向，可以调用函数 <script> function Person() { this.name = 'kobe'; this.sex = '男'; this.age = '41' } function Star(name,sex,age) { Person.call(th..
JS中改变this指向的六种方法
最新发布
m0_74577714的博客
10-20 682
/ 在指定位置定义this存为变量// 我们可以自己存一个变量fun(){obj.fun()
js学习笔记--改变函数内部this指向的三种方法
weixin_63096198的博客
03-27 590
一、call（） 1.作用：调用函数并修改函数内部this指向 2.语法：fun.call(thisArg,arg1,arg2...); thisArg:当前调用函数this的指向。 arg1,arg2...:向函数传递其他参数。 3.call（）主要用于子元素继承父元素。 例：function Father（uname,age）{ this.uname=uname; this.age=age; } function Son{ Father.call(this,uname,age);/
JS中this的指向与改变this指向的三个方法
weixin_46025845的博客
05-11 360
事件绑定中的this指向，即该事件绑定在谁身上，this指向的就是哪个节点，继而可以通过this操作节点的样式、内容等。需要借用this的对象.call/apply/bind(借给别人this的对象，传参)方法作用就是永久的将某个对象中的this改变为另一个对象的this，改变之后原本的函数。2）、将新函数中的this永久绑定为你指定的对象；因为函数是以回调函数的形式存在的，回调函数被window所调用。不论是前辈们定义好的，还是自定义构造函数，其中的this指向的都是。被call、apply再次被借走。
彻底理解js中this的指向
weixin_30546189的博客
02-28 337
作者：追梦子 网址：http://www.cnblogs.com/pssp/p/5216085.html 首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么...
js中改变 this指向的方法
2301_77751323的博客
05-02 93
在学习js的过程中，this的指向一直是一个难点，也是一个重点，很多学习前端的人都曾经为此头疼过，接下来跟着我的脚步，来看一下这个让人头疼的难点，在不同场景下的使用吧，相信通过这篇文章的学习，你对this会有个清晰的认识一、this的指向this是JavaScript中的一个关键字，它的指向是由不同条件决定的，当在全局作用域中，没有其他调用的时候，this指向window。其他情况下它的指向由调用的对象来决定，箭头函数中this指向于函数作用域所用的对象1，这里的this由于没有被调用，因此它指向。
JavaScript中this指向详解与调用方式
当我们直接调用一个函数，如`window.fn()`，`this`指向全局对象（在浏览器环境中通常是`window`），因此会打印出`普通函数的this指向window`。 2. 构造函数调用： 构造函数用于创建新的对象，如`var ldh = new ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值