箭头函数的特性

1、 函数体内的this值,绑定的定义时所在的作用域的this

<script>
  document.onclick = function () {
    setTimeout(function(){
      var that = this
      console.log(this)      // this => window
      console.log(that)     // that => 被点击的元素
    })
   // 箭头函数中this绑定的是所在定义的作用域中的this
   setTimeout (() => {
     console.log(this);      // this => 被点击的元素
   },1000)
  }


  document.onclick = () => {
    setTimeout(() => {
        console.log(this)      // this => window
    })
  }
</script>

2、不可以当作构造函数
3、不可以使用arguments对象

function fn(a, ...arr){    //rest参数,把实参放在数组中
  console.log(a)      // 1
  console.log(arr)    // [1, 2, 3]
}
fn(1,2,3)
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 函数和对象 1、函数 1.1 函数概述 函数对于任何一门语言来说都是核心的概念。通过函数可以封装任意多条语句,而且...
    道无虚阅读 4,679评论 0 5
  • 箭头函数是匿名函数,不绑定自己的this,arguments,super,new.target 箭头函数会捕获其所...
    07120665a058阅读 3,064评论 0 2
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,275评论 0 4
  • 函数参数的默认值 基本用法 在ES6之前,不能直接为函数的参数指定默认值,只能采用变通的方法。 上面代码检查函数l...
    陈老板_阅读 469评论 0 1
  • 暑假我阅读了十几本文学书,其中《细米》是我最喜欢的,书中用优美的词汇描写了安宁的村落、寂静的麦田、旋转的风...
    路上的豆阅读 179评论 0 0