JavaScript 箭头函数

最新推荐文章于 2024-03-07 20:44:12 发布

ChengLang_111

最新推荐文章于 2024-03-07 20:44:12 发布

阅读量59

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_47299953/article/details/112676250

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

<script>
  // 箭头函数  也是一种定义函数的方式
  // 箭头函数一般什么时候使用？ 一般是一个函数作为一个参数传入函数时使用

  // 普通定义函数
  const aaa = function () {

  }

  // 无参数箭头函数
  const ccc = () => {
  }

  // 1.参数问题：
  // 1.1 放入两个参数
  const sum = (num1, num2) => {
    return num1 + num2;
  }

  // 1.2 放入一个参数 (一个参数可以省略小括号)
  const power = num => {
    return num * num;
  }

  // 1.3函数中代码块中有多行代码

  const test = () => {
    console.log('HelloWorld');
    console.log('Test');
  }

  // 1.4函数中只有一行代码 可以省略 {}
  const mul = (num1, num2) => num1 + num2;

  /*箭头函数中this的使用*/
  /*箭头函数中的this时如何查找的
  * 向外层作用域中，一层一层查找this,直到有this的定义
  * */

  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
        })
      })
    }
  }
</script>
</body>
</html>

ChengLang_111

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 箭头函数

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> // 箭头函数也是一种定义函数的方式 // 普通定义函数 const aaa = function () { } // 无参数箭头函数 cons
复制链接

扫一扫

专栏目录