什么时候使用箭头函数

问题: 箭头函数中的this是如何查找的了?

答案: 向外层作用域中, 一层层查找this, 直到有this的定义.



<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><script>// 什么时候使用箭头函数// setTimeout(function () {//   console.log(this);// }, 1000)//// setTimeout(() => {//   console.log(this);// }, 1000)// 问题: 箭头函数中的this是如何查找的了?// 答案: 向外层作用域中, 一层层查找this, 直到有this的定义.// const obj = {//   aaa() {//     setTimeout(function () {//       console.log(this); // window//     })////     setTimeout(() => {//       console.log(this); // obj对象//     })//   }// }//// obj.aaa()const obj = {aaa() {setTimeout(function () {setTimeout(function () {console.log(this); // window})setTimeout(() => {console.log(this); // window})})setTimeout(() => {setTimeout(function () {console.log(this); // window})setTimeout(() => {console.log(this); // obj})})}}obj.aaa()
</script>
</body>
</html>

箭头函数中的this的使用相关推荐

  1. es6箭头函数中this

    普通函数: $scope.$on('$stateChangeSuccess',function(){this.list = this.getList();}); 箭头函数: $scope.$on('$ ...

  2. 箭头函数中的this

    阮一峰es6中说到: 箭头函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象,箭头函数中没有自己的this的,而箭头函数会默认使用父级的this. 而普通的this:总是代表它的直接 ...

  3. ES6箭头函数中的this指向

    1箭头函数中的this (1)箭头函数中没有this : 这意味着 call() apply() bind() 无法修改箭头函数中的this (2)箭头函数中的this指向 :访问上一个作用域的thi ...

  4. JavaScript深入浅出第1课:箭头函数中的this究竟是什么鬼?

    摘要: 箭头函数极大地简化了this的取值规则. 普通函数与箭头函数 普通函数指的是用function定义的函数: var hello = function () {console.log(" ...

  5. 普通函数和箭头函数中的this指向

    普通函数的this指向Window function a(){console.log(this) } a() //Window Dom元素绑定事件时的this,句柄里的 this 值是该元素的引用 d ...

  6. JavaScript箭头函数中的this

    JavaScript箭头函数中的this详解 箭头函数极大地简化了this的取值规则. 普通函数与箭头函数 普通函数指的是用function定义的函数: var hello = function () ...

  7. 关于箭头函数中this指向问题

    对于箭头函数中的this指向问题一直困扰我很久,查阅文章现在终于弄懂了. 先上一段代码: var user="Absorbed-22";let person={user:" ...

  8. JS中箭头函数详解=

    箭头函数表达式的语法比函数表达式短,并且不绑定自己的 this,arguments,super或 new.target.此外,箭头函数总是匿名的.这些函数表达式最适合非方法函数,它们不能用作构造函数. ...

  9. js中的this及箭头函数

     this调用的几种类型: 1.普通调用(函数名())===指向window funtion fn(){function fn(){console.log('我是fn函数:',this);functi ...

最新文章

  1. Ubuntu 16.04+GTX970 黑屏无法安装解决方法
  2. JavaScript中的数组操作
  3. JavaScript标准库系列——RegExp对象(三)
  4. javascript高级程序设计之引用类型
  5. 【bzoj2754】【scoi2012】喵星球上的点名
  6. ACM入门之【最小生成树】
  7. 0118——RTLabel和正则表达式
  8. 记一次EF Core连接MySql、Oracle
  9. python__实参前加*和**的(拆包)功能
  10. druid dubbo 生产者_dubbo项目扩展druid sql监控
  11. spacy 英文模型下载_spaCy2.1中文模型包
  12. MySQL数值型超出范围_MySQL 数值类型溢出处理
  13. cent os 7 mysql_centos – 百胜:Cent OS 7中没有包mysql-server
  14. pandownload最新复活版登录失败_神途手游万能登录器app-神途手游万能登录器app最新手机版下载v1.0...
  15. 软件测试的艺术读书笔记<转>
  16. 互金平台乘着东风股价反弹,小赢科技为何成上涨“急先锋”?
  17. 宝塔同时安装苹果cms海洋cms_苹果cmsV8/海洋cms/飞飞cms转换成苹果cmsv10插件
  18. 【汇正财经】金融股有什么投入优势?
  19. 阿里云物联网是什么?
  20. qq发消息时键盘挡住了_键盘挡住输入框解决办法

热门文章

  1. Codeup 问题 B: 算法7-16:弗洛伊德最短路径算法
  2. Mysql-安装指南
  3. Transient关键字的使用
  4. html和html5学习
  5. poj1182(加权值的并查集)
  6. Pycharm 配置autopep8到菜单
  7. chrome扩展程序开发
  8. android系统源代码添加新产品的支持
  9. 基于xp系统搭建android开发环境
  10. xp系统怎么连接云服务器,xp系统怎么连接云服务器