this的指向

超、凢脫俗 2022-10-27 02:28 173阅读 0赞

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNzY5OTE0_size_16_color_FFFFFF_t_70][]

视频学习[https://www.bilibili.com/video/BV1Kt411w7MP?p=53&spm\_id\_from=pageDriver][https_www.bilibili.com_video_BV1Kt411w7MP_p_53_spm_id_from_pageDriver]

### 普通函数、指向window ###

> function fn()\{
> 
>     console.log("普通函数的this"+this)
> 
> \}
> 
> fn();

//打印的是：普通函数的this\[object Window\]

### **对象里面的函数、指向对象obj** ###

> var obj=\{
> 
>     fn:function()\{
> 
>     console.log("对象函数的this"+this)
> 
> \}
> 
> \}
> 
> obj.fn();

//打印的是：对象函数的this\[object Object\]

### **构造函数:（使用new来调用。首字母大写命名），指向调用他的那个实例对象下面的就是a** ###

> function fn()\{
> 
>    console.log("构造函数的this"+this)
> 
> \}
> 
> var a=new fn();

//打印的是：构造函数的this\[object Object\]

### **绑定事件：指向函数的调用着** ###

> $("\#btn").click(function()\{
> 
>    console.log("绑定事件的this"+this)
> 
> \})

//打印的是：构造函数的this\[object HTMLbuttonElement\]

### **定时器函数:指向window** ###

> setTimeout(function()\{
> 
>    console.log("定时器函数"+this)
> 
> \},1000)

//打印的是：定时器函数\[object Window\]

### **立即执行函数:指向window** ###

> (function()\{
> 
>    console.log("立即执行函数"+this)
> 
> \})()

//打印的是：立即执行函数\[object Window\]

### **call() ,apply()里面的this指向第一个参数所指的实例对象** ###

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNzY5OTE0_size_16_color_FFFFFF_t_70]: /images/20221024/35f032b7546747fda2899604b9e62550.png
[https_www.bilibili.com_video_BV1Kt411w7MP_p_53_spm_id_from_pageDriver]: https://www.bilibili.com/video/BV1Kt411w7MP?p=53&spm_id_from=pageDriver

发表评论取消回复

表情：

评论列表（有 0 条评论，173人围观）

还没有评论，来说两句吧...

相关阅读

相关 this的指向

. 作为对象的方法调用当函数作为对象的方法被调用时，this指向该对象。 var a = { b:...

客官°小女子只卖身不卖艺/ 2024年04月18日 20:51/ 0 赞/ 70 阅读

相关 this指向

[format_png][] 结果： ![format_png 1][] 在外部函数中， `this`和`self`两者都指向了 `myObject` ，因此两者都...

浅浅的花香味﹌/ 2024年04月18日 10:44/ 0 赞/ 66 阅读

相关 this指向，认识与理解this指向

this指向故心故心故心故心小故冲啊 -------------------- 文章目录 this指向下面从几方面来理解this 1、简单

淡淡的烟草味﹌/ 2022年12月17日 08:58/ 0 赞/ 196 阅读

相关 this的指向

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMz

超、凢脫俗/ 2022年10月27日 02:28/ 0 赞/ 174 阅读

相关 javascript的this指向

目的：了解this指向建议阅读时间：2分钟 > this 要在执行的时候才能确认值，定义的时候无法确认 this指向有以下几种情况：作为构造函数的

迷南。/ 2022年10月01日 05:55/ 0 赞/ 248 阅读

相关 this的指向

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAbGl1bGFuZzY4_

墨蓝/ 2022年09月09日 09:10/ 0 赞/ 211 阅读

相关 this指向

this、apply、call、bind 这又是一个面试经典问题~/(ㄒoㄒ)/~~也是 ES5中众多坑中的一个，在 ES6 中可能会极大避免 this 产生的错误，但是

朱雀/ 2022年05月29日 11:49/ 0 赞/ 254 阅读

相关 this的指向问题

this的指向已经是一个老生常谈的问题，每逢面试都要去复习复习，近来巩固js的基础，决心彻底掌握这个知识点，一劳永逸。说明一下，为了不影响大家的思考过程，下面的代码都不会去注释

一时失言乱红尘/ 2022年05月21日 08:48/ 0 赞/ 278 阅读

相关 this指向

　　①一般情况下，普通函数里，this===window 　　②在对象的方法中，this===该对象　　③在事件函数中,this===事件侦听的对象　　④call、a

旧城等待，/ 2021年12月03日 20:07/ 0 赞/ 367 阅读

相关 js this指向哪里 JavaScript this指向

非箭头函数中的this指向一般都是调用者在非箭头函数中谁调用了函数，那么函数的this指向就是谁比如 let obj1 = \{

Myth丶恋晨/ 2021年10月19日 03:44/ 0 赞/ 440 阅读