箭头函数与普通函数的差异

一、箭头函数中的this指向

箭头函数的this指向通常有两种情况

  • 如果箭头函数处在一个普通函数之中,那么他的this指向与包裹他的外层函数的this指向一致。
  • 其他情况下箭头函数中的this都指向window
let obj = {
   
  fn:function(){
   
      console.log('我是普通函数',this === obj)   // true
      return ()=>{
   
          console.log('我是箭头函数',this === obj) // true
      }
  }
}
console.log(obj.fn()())

let obj = {
   
    fn:()=>{
   
        console.log(this === window);
    }
}
console.log(obj.fn())
// true

二、箭头函数不能当做构造函数,不能用new来创建实例。

三、箭头函数内没有普通函数绑定的arguments对象。

四、使用call、apply、bind无法改变箭头函数的this指向。

相关推荐

  1. 箭头函数普通函数差异

    2024-01-12 14:46:03       34 阅读
  2. 箭头函数普通函数区别

    2024-01-12 14:46:03       13 阅读
  3. es6 中箭头函数普通函数有什么区别?

    2024-01-12 14:46:03       31 阅读
  4. 普通函数函数模板

    2024-01-12 14:46:03       19 阅读
  5. 3.普通函数函数模板调用规则

    2024-01-12 14:46:03       28 阅读
  6. react里面bind箭头函数

    2024-01-12 14:46:03       39 阅读
  7. 箭头函数this指向问题

    2024-01-12 14:46:03       53 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-01-12 14:46:03       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-12 14:46:03       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-12 14:46:03       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-12 14:46:03       18 阅读

热门阅读

  1. Django身份验证初试

    2024-01-12 14:46:03       43 阅读
  2. 两两交换链表中的节点【链表】

    2024-01-12 14:46:03       38 阅读
  3. 使用OTB数据集需要注意的一个问题

    2024-01-12 14:46:03       37 阅读
  4. Pandas实战100例 | 案例 19: 基本数学运算

    2024-01-12 14:46:03       33 阅读
  5. 安卓之缓存的应用场景以及各种技术优劣分析

    2024-01-12 14:46:03       29 阅读
  6. 组件v-model

    2024-01-12 14:46:03       37 阅读