JS教你彻底理解===箭头函数=>普通函数区别普通函数中this指向了调⽤者
function fn(){
console.log(this === window  )  //true
}
// 通常情况下我们都会把 window 省略
fn() || window.fn()
var obj = {
fn1:function(){
console.log(this === obj) //true
}
}
/
/ obj 调⽤了 fn1 函数
obj.fn1()
箭头函数中的this指向了⽗级的上下⽂
var fn = ()=>{
console.log( this ===window ) // true
}
fn()
// 就⽐如⼀个对象中的普通函数中this 指向了=>调⽤对象
// 普通函数返回⼀个对象中有⼀个箭头函数其指向了⽗级的上下⽂中的this
// 例:
var obj = {
objFn:function(){
let that = this  // 保存下⽗级的 this ⽤于判断
return{
// fn2 指向⼀个箭头函数
fn2:()=>{
// 其⽗级为包裹它的作⽤域
console.log(  this === that ) // true
}
}
}
}js arguments
obj.objFn().fn2()

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。