this指向

路从今夜白212

于 2022-01-07 11:28:43 发布

阅读量141

点赞数

文章标签： html c++ 前端 javascript

本文链接：https://blog.csdn.net/weixin_64909978/article/details/122360835

版权

// this是js中的关键字，不同的地方this代表的意义也不一样

1.全局中的this - window

2.对象方法中的this - 当前这个对象

3.事件函数中的this - 事件源

4.普通函数中的this - window

5.定时器中的this - window

6.自调用函数中的this - window

7.箭头函数中的this - 箭头函数上级作用域的this

8.构造函数中的this - new出来的对象

// 函数定义好，并不知道this代表什么，主要是看函数最终是如何调用的

定义普通函数

当做事件函数使用 - 事件源

当做对象方法使用 - 对象

当做定时器要执行的函数 - window

剪头函数中的this - 箭头函数上一行代码中的this

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

路从今夜白212

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
this指向

this是js中的关键字，不同的地方this代表的意义也不一样
复制链接

扫一扫

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

this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象，接下来我会深入的探讨这个问题。

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

深入理解js函数的作用域与this指向

10-22

下面小编就为大家带来一篇深入理解js函数的作用域与this指向。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

js this指向

01-08

JavaScript this指向总结在JavaScript中this永远指向当前函数的主人，即函数的调用对象或事件的调用对象，大致分为以下几种情况。单独的this或者全局函数中的this指向window对象 console.log(this);//this => ...

this指向问题.md

09-02

this指向问题.md

解决使用attachEvent函数时，this指向被绑定的元素的问题的方法

10-30

### 解决使用attachEvent函数时，this指向被绑定的元素的问题的方法在Web开发中，尤其是在处理Internet Explorer（IE）浏览器兼容性问题时，我们经常会遇到`attachEvent`函数中的`this`指向问题。默认情况下，`...

javascript的this指向

最新发布

08-26

第一种：fn(); 第二种：fn.apply(); 第三种：fn.call(); 第四种：new

我所理解的JavaScript中的this指向

10-14

理解`this`的指向是掌握JavaScript核心概念的关键部分。首先，当函数直接调用时，`this`的指向在非严格模式下是全局对象，如在浏览器环境中是`window`对象，在Node.js环境中是`global`对象。但在严格模式下，`this...

JavaScript This指向问题详解

10-15

`this`的指向在JavaScript中并不像其他语言那样固定，而是根据函数被调用的方式而变化。以下是对`this`指向问题的详细解析： 1. **基本概念** - `this`的值在函数调用时确定，由函数调用方式决定。 - 在非严格...

js绑定事件this指向发生改变的问题解决方法

10-27

js绑定事件this指向发生改变的问题将在本文进行详细探讨下，感兴趣的朋友可以参考下哈，希望对你有所帮助

this指向.html

03-09

看的很多视频总结的this指向问题有代码展示、四种绑定对应的四种调用

全面剖析this指向！

01-08

文章目录调用位置绑定规则一、默认绑定严格模式二、隐式绑定隐式丢失三、显示绑定硬绑定API调用的“上下文”四、new绑定箭头函数中的this指向判断this的优先级调用位置在理解this得绑定过程之前，首先要理解调用...

JavaScript this指向相关原理及实例解析

10-15

例如，在上面的例子中，`obj2.fn()`的调用中，`fn()`的`this`指向发生了变化，因为`obj1.fn()`内部的`fn()`是全局定义的，所以`this`指向`window`，而`obj1.fn()`中的`this`则指向`obj1`，最后在`obj2.fn()`内部的`...

函数四种调用模式以及其中的this指向

08-31

本文将详细探讨函数的四种调用模式及其对应的`this`指向。 1. **函数直接执行模式** 当函数不作为任何对象的方法，直接被调用时，`this`的值取决于函数执行的环境。在浏览器环境中，如果函数在全局作用域中被调用...

如何修改javascript中的this指向

01-20

//this指向window var res = fn.call("hello", "world", 123); //this指向"hello" console.log(res); //back ``` 在这里，`call()`的第一个参数指定了`this`的新值，后面的参数按顺序传递给`fn`函数。`call()`...

基于javaScript的this指向总结

12-09

JavaScript中的`this`关键字是一个非常重要的概念，它在不同场景下的指向可能会有所不同，这使得理解和掌握`this`的用法成为前端开发人员必备的技能。本文将深入探讨`this`在JavaScript中的各种情况下的指向。 1. ...

关于JavaScript中的this指向问题总结篇

12-09

在使用new关键字创建实例时，构造函数内部的this指向新创建的对象。例如： ```javascript function Person(name) { this.name = name; } const person = new Person('Tom'); console.log(person.name); // Tom ``` ...

详解JavaScript中关于this指向的4种情况

12-12

对很多前端开发者来说，JavaScript语言的this指向是一个令人头疼的问题。先看下面这道测试题，如果你能实现并解释原因，那本文对你来说价值不大，可以直接略过。 **开篇测试题：**尝试实现注释部分的Javascript代码...

实例讲解JavaScript中的this指向错误解决方法

10-22

然而，由于JavaScript的动态作用域和函数调用方式，`this`的指向经常会给开发者带来困惑。本文将通过实例来深入讲解JavaScript中`this`指向错误及其解决方法。首先，我们来看一个简单的例子： ```javascript 'use...

JavaScript中的this指向详解

本文主要包含全局环境中的this指向、上下文对象调用中的this、事件绑定的元素改变this指向、箭头函数的this指向等内容。在JavaScript中，this关键字可以用在构造函数中，表示实例对象，也可以用在其他场合，但无论是...