Javascript中的this关键字指向(2)

3.函数中的this

在函数中，this表示全局对象window

4.函数严格模式下

在函数中，在严格模式下，this 是未定义的(undefined)

5.事件中的this

在事件中，this 表示接收事件的元素

事件中的this

点击后按钮消失,打印this

6.构造函数中的this

构造函数中的this指向当前实例

function Person(){

this.name=‘Jack’

}

Person.prototype={

fn(){

console.log(this)

}

}

let p1=new Person()

console.log(p1) //Person {name: “Jack”}

console.log(p1.name) //Jack

p1.fn() //Person {name: “Jack”}

7.箭头函数没有this

函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象

箭头函数本身没有自己的this， 绑定定义时所在的作用域，而不是指向运行时所在的作用域。所以其内部的this指向定义该箭头函数时，外层代码块的this，即箭头函数的this指向固定化

call()、apply()、bind() 的用法

====================================================================================

call 、bind 、 apply 这三个函数的作用是改变this指向

• 用在函数后面 例如 fn().call()或者obj.fn().call(),参数可以是各种类型

• call(this指向对象,参数,...,参数)

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

总结

秋招即将开始，校招的朋友普遍是缺少项目经历的，所以底层逻辑，基础知识要掌握好！

而一般的社招，更是神仙打架。特别强调，项目经历不可忽视；几乎简历上提到的项目都会被刨根问底，所以项目应用的技术要熟练，底层原理必须清楚。

这里给大家提供一份汇集各大厂面试高频核心考点前端学习资料。涵盖 HTML，CSS，JavaScript，HTTP，TCP协议，浏览器，Vue框架，算法等高频考点238道（含答案）！

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

资料截图 ：

高级前端工程师必备资料包

e40387.png)

高级前端工程师必备资料包