JavaScript-函数-1

最新推荐文章于 2024-04-23 20:28:43 发布

小爱丨同学

最新推荐文章于 2024-04-23 20:28:43 发布

阅读量47

点赞数 1

分类专栏：学习文章标签： javascript

本文链接：https://blog.csdn.net/qq_44165263/article/details/118122735

版权

学习专栏收录该内容

18 篇文章 0 订阅

订阅专栏

标准函数

function myFunc(){
	//TODO
}

箭头函数

let myFunc = () => {
	// TODO
}

箭头函数需要注意，函数体如果使用{}，需要加return才能返回

let a = value => value+1;
let b = value => {value + 1};

console.log(a(1)); // 2
console.log(b(1)); // undefined

区别
两者this引用的对象不同。
在标准函数中，this引用的是把函数当成方法调用的上下文对象。粗浅的说，在标准函数中，谁调用该函数，则该行函数的this指向谁。
在箭头函数中，this引用的是定义箭头函数的上下文。

<!DOCTYPE html>
<html>
  <head>
    <title>test</title>
    <meta charset="utf-8">
  </head>
  <body>
    <script>
      window.color = 'red';
      function func1() {
        console.log(this, this.color);
      }
      let func2 = ()=>{
        console.log(this, this.color);
      }
      let obj = {
        color: 'green'
      }

      obj.func1 = func1;
      obj.func2 = func2;
      obj.func1();  // obj对象 green    输出调用时调用者obj中的color
      obj.func2();  // window对象 red   输出window中的color
    </script>
  </body>
</html>

修改this的指向
bind、call、apply都可以修改标准函数的this的指向，但是箭头函数的this继承自定义时的上下文，所以无法修改。

小爱丨同学

关注

1
点赞
踩
0

收藏

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

[@TOC]1. 单线程首先，JavaScript是单线程的。如果JavaScript是多线程的，那么两个线程同时操作一个DOM节点，那么浏览器就不知道以谁为准。2. Event Loop单线程就意味着所有的任务都需要排队。那么如果一个任务特别耗时，那么后面的事件都会陷入等待。例如，请求图片迟迟得不到服务器响应，如果是单线程，页面就会陷入假死状态。所以引入了异步函数，让耗时的任务...
复制链接

扫一扫

专栏目录