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 、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)
高级前端工程师必备资料包