【金秋打卡】第13天 前端面试技能拼图2

课程名称：2周刷完100道前端优质面试真题
课程章节：第4章 前端面试技能拼图2 ：前端基础知识 ， 必知必会
主讲老师：双越

课程内容：

今天学习的内容包括：
4-8 -什么时候不能使用箭头函数——箭头函数会对this和arguments有着不同的属性，写箭头函数时需要注意。

课程收获：

箭头函数

• 箭头函数有什么缺点?
• 什么时候不能使用箭头函数?

箭头函数的缺点

• 没有arguments
• 无法通过apply call bind改变this
• 某些箭头函数代码难以阅读

不适用1–对象方法

const obj = {
	name:'123',
	getName:()=>{
		return this.name
	}
}

不适用2–原型方法

const obj = {
	name:'123',
}
obj.__proto__.getName = () => {
	return this.name
}

不适用3–构造函数

const Foo = (name, city) => {
	this.name = name
	this.city = city
}
const f = new Foo('123','ss')

不适用4–动态上下文中的回调函数

const btn1 = document.getElementById('btn1')
btn1.addEventListener('click', ()=> {
	// console.log(this = = window)
	this.innerHTML = 'clicked'
})

不适用5 - Vue生命周期和method

• Composition API 中可以用箭头函数
• Options API 中不可用箭头函数

不适用箭头函数的场景

• 对象方法
• 对象原型
• 构造函数
• 动态上下文的回调函数
• Vue生命周期method

划重点

• 要熟练应用箭头函数，也要对函数this arguments敏感
• 传统Vue 组件是JS对象，传统React组件是class ，两者不同

今天的 学习了 什么时候不能使用箭头函数，之前使用箭头函数没有关注过这些问题，今天正好把这块的问题补全了。

下一步就是 学习 请描述 TCP 三次握手和四次挥手。今天学习就先到这里吧。

坚持打卡，坚持学习，未来可期，加油😀~

​​​​​​​
​

​