箭头函数的使用和this指向

箭头函数:也是一种定义函数的方式

定义函数的方式:

1、function

const day = function(){}

2、对象字面量中定义函数

const obj={
    day(){
   }
  }

3、ES6中的箭头函数

const day =() =>{
 }
箭头函数参数问题

1.1放入两个参数

const sum = (num1,num2) => {
  return num1+num2
}

1.2放入一个参数(括号可以省略)

const power = num => {
  return num*num
}
返回值问题

2.1函数代码块中只有一行代码时:

const sum = (num1,num2) => num1+num2

箭头函数中的this
const obj = {
  day(){
     setTimeout(function(){
        console.log(this); // 打印的是window
   })

     settimeout(() => {
        console.log(this); //打印的是obj对象
   })
 }
}

结论:箭头函数中的this的查找方式是向外层作用域中,一层一层的查找this,直到有this的定义


原文链接:segmentfault.com

上一篇:JavaScript&jQuery的使用相关问题
下一篇:kindEditor中上传回调与其他问题

相关推荐

  • 面试官问:JS的this指向

    面试官经常会出很多考题,都会考察this指向,也是看候选人对JS基础知识是否扎实。 附上之前写文章写过的一段话:已经有很多关于this的文章,为什么自己还要写一遍呢。

    2 年前
  • 通过CSS边框实现三角形和箭头

    一、CSS盒子模型 盒子包括:margin、border、padding、content 边框交界处呈现平滑的斜线,利用此特点,通过设置各边框宽度和颜色可以得到小三角等。

    1 年前
  • 轻松搞定javascript中this的指向

    看过很多关于javascript中this指向的问题,现总结如下,如有不正确,欢迎指正。   javascript中,this的指向并不是在函数定义的时候确定的,而是在其被调用的时候确定的。

    2 年前
  • 转行学前端的第 38 天 : 了解 ECMAScript function 箭头函数

    我是小又又,住在武汉,做了两年新媒体,准备用 6 个月时间转行前端。 今日学习目标 昨天基于搜索来基础学习 Function 数据结构。今天主要是基于搜索来学习 function 箭头函数 ,又...

    4 个月前
  • 转行学前端的第 37 天 : 了解 ECMAScript function 箭头函数

    我是小又又,住在武汉,做了两年新媒体,准备用 6 个月时间转行前端。 今日学习目标 昨天基于搜索来基础学习 Function 数据结构。今天主要是基于搜索来学习 function 箭头函数 ,又...

    4 个月前
  • 转行学前端的第 37 天 : 了解 ECMAScript function 箭头函数

    我是小又又,住在武汉,做了两年新媒体,准备用 6 个月时间转行前端。 今日学习目标 昨天基于搜索来基础学习 Function 数据结构。今天主要是基于搜索来学习 function 箭头函数 ,又...

    5 个月前
  • 详解JavaScript中this的指向问题

    this是面向对象语言中一个重要的关键字,理解并掌握该关键字的使用对于我们代码的健壮性及优美性至关重要。而javascript的this又有区别于Java、C#等纯面向对象的语言,这使得this更加扑...

    4 年前
  • 论普通函数和箭头函数的区别以及箭头函数的注意事项、不适用场景

    箭头函数是ES6的API,相信很多人都知道,因为其语法上相对于普通函数更简洁,深受大家的喜爱。就是这种我们日常开发中一直在使用的API,大部分同学却对它的了解程度还是不够深... 普通函数和箭头函数...

    2 年前
  • 绑定jQuery中的箭头键

    Stephen OstermillerAlex S提出了一个问题:Binding arrow keys in JS/jQuery,或许与您遇到的问题类似。 回答者Sygmoral给出了该问题的处理方式...

    3 年前
  • 箭头函数需要注意的点

    一、引言相信大家对ES6的箭头函数都不陌生,我们也会在日常开发的过程中经常使用到它,但是箭头函数有哪些值得我们去注意的点呢?二、箭头函数的几个使用注意点1.函数体内的this对象,就是定义时所在的对象...

    20 天前

官方社区

扫码加入 JavaScript 社区