This的指向问题

等我喝完这口可乐

已于 2022-09-19 16:24:10 修改

阅读量97

点赞数

文章标签： javascript 开发语言 ecmascript

于 2022-09-19 16:19:13 首次发布

本文链接：https://blog.csdn.net/justrushb/article/details/126936307

版权

js 中的 this 指向十分重要，在我们的工作和面试中也会时常遇到

简短总结

this的指向

this 总是（非严格模式下）指向一个对象，而具体指向哪个对象是在运行时基于函数的执行环境动态绑定的，而非函数被声明时的环境；

This指向问题总结

1.谁调用this就只想谁。

2.全局作用域中的this指向的是window顶级对象

3.普通函数中的this 指向 window顶级对象「 window.fn();」

4.方法中的this 指向方法的调用对象

5.事件中的this指向事件源

6.定时器和延迟函数指向window顶级对象（steinterval //setTimeout)

7.构造函数中的this指向构造函数创建的对象（实例对象）

8.原型对象中的this指向构造函数创建的对象（实例对象）

9.箭头函数中的this指向父级作用域中的this

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

等我喝完这口可乐

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
This的指向问题

JavaScript中This中的指向问题
复制链接

扫一扫

Vue中this指向问题

webDevelopSnail的博客

10-31

1421

一、methods中this 1.通常methods属性中的回调函数的this都会指向vue实例 //第一种写法： var vm = new Vue({ el:'app', data:{ name:'', list:[], }, methods:{ handle :function(){ // this.list.push

uniapp this指向问题

ddttxx的博客

05-30

901

本次开发遇见了一个问题就是this的指向问题。

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

this指向问题

一只前端小菜鸟

03-10

894

this指向，是我们在开发中不得不关注的一个点，当我们进行事件处理时，如果疏忽this的指向问题，可能会发生意想不到的错误。那么，让我们来了解一下this吧。 this呢，是函数的内置对象，所以，this只能出现在函数里 this的四种指向：当this所在的函数是事件处理函数时，this是当前事件源（即DOM对象）当this所在的函数是构造函数时，this是new出来的对象（即Ja...

前端this指向问题

a791226606的博客

05-20

1006

前端this指向问题一、this指向Window function zr(){ var username = "睿睿"; console.log(this.username ); //undefined console.log(this); //Window } zr(); //相当于 window.zr(); 二、this指向调用者 fn是通过zr.fn()执行的，那this指向就是对象zr var zr = { username:"睿睿", fn:functi

JavaScript中的this指向问题

weixin_43758377的博客

03-12

1181

JavaScript中的this是让很多开发者头疼的地方，而this关键字又是一个非常重要的语法点。毫不夸张地说，不理解它的含义，大部分开发任务都无法完成。想要理解this，你可以先记住以下两点： 1：this永远指向一个对象； 2：this的指向完全取决于函数调用的位置；针对以上的第一点特别好理解，不管在什么地方使用this，它必然会指向某个对象；确定了第一点后，也引出了一个问题，就是this使用的地方到底在哪里，而第二点就解释了这个问题，但关键是在JavaScript语言之中，一切皆对象，运行环境也

axios的this指向问题

m0_51354601的博客

10-18

1549

axios的this指向问题

js中this指向问题总结

rain19982016的博客

03-02

1099

1. 默认绑定规则（1）全局作用下 this指向window console.log(this); （2）函数独立调用下 this指向window function test(){ console.log(this); } test() 2. 隐式绑定规则 object.fun() 对象的方法，this指向调用这个方法的对象函数执行，this才会指向，才有意义，每一个函数执行都会有一个自身的this指向。函数不执行，this没意义。每个this都代表着函数的执行。 var a = 0;

Promise中this指向问题

weixin_44262946的博客

09-03

5834

Promise中this指向问题 1、this指向window还是实例？下面分析两段JavaScript代码段，共用下面这段Html代码： <div id="app"> <input type="button" value="获取笑话" @click="getJoke"> <p> {{ joke }}</p> </div> this指向window： // 引入axios <script src="https://unpk

vue中this指向问题分析

晚风的博客

08-22

1192

vue中this指向问题

vue中的this指向问题

最新发布

m0_75269526的博客

07-23

721

软件著作权申请教程（超详细）（2024新版），软著申请，软件著作权怎么申请，手把手教你申请软件著作权，不花冤枉钱，软著申请代理，软件著作权申请着手开始准备材料了。如果是多人合作开发著作权人不是一个人的话，还需要准备一份合作开发协议。首先我们需要在官网里面注册一个账号，并且完成实名认证，一般是注册【个人】的身份。在填报完成之后需要打印一个签章页签字（如果不是个人需要盖章）注册完成后点击下面进行登记，如果没有实名需要先实名认证（源代码：源程序前连续的30页和后连续的30页。这一页的内容比较多，可以参考我下面的。

谷粒商城实战笔记-39-前端基础-Vue-指令-v-on、v-for、v-if

epitomizelu的专栏

07-20

943

v-on 是 Vue.js 中的一个指令，用于在 DOM 元素上监听用户事件，并在事件触发时执行相应的 JavaScript 函数。它提供了一种将 Vue 实例中的方法与 DOM 事件关联起来的方式，使得你可以轻松地对用户交互做出响应。v-on 指令的基本语法是在元素上添加 v-on:event-name=“method”，其中 event-name 是你要监听的 DOM 事件类型（如 click、mouseover、keydown 等），method 则是 Vue 实例中定义的方法名。

Vue使用FullCalendar实现日历/周历/月历

_小郑有点困了的博客

07-23

需求背景：项目上遇到新需求，要求实现工单以日/周/月历形式展示。而且要求不同工单根据状态显示不同颜色，一个工单内部，需要以不同颜色显示三个阶段。

VUE 子组件可以直接改变父组件的数据吗

Cshaosun的博客

07-23

如果子组件需要修改父组件的数据，‌应该通过触发一个自定义事件来通知父组件进行数据的变更。‌父组件在接收到子组件触发的事件后，‌可以修改数据，‌从而间接地改变父组件的数据。‌这种方式通过明确的事件通信机制，‌保证了数据流的单向性和组件之间的解耦。需要注意的是，‌虽然Vue提供了一些特殊的方法来实现子组件修改父组件数据，‌但这种方式打破了数据流的单向性，‌增加了组件之间的耦合性，‌因此应谨慎使用。在Vue中，‌如果确实需要在子组件中修改父组件的数据，‌可以通过以下步骤实现：‌。

js this指向问题

04-05

以下是一些常见的 this 指向问题： 1. 全局 this：在全局作用域中使用 this，它将指向全局对象（在浏览器中是 window 对象，在 Node.js 中是 global 对象）。 2. 函数中的 this：在普通函数中，this 指向全局对象...