箭头函数 - 个人技术博客

530 字

3 分钟

箭头函数

2018-08-26

箭头函数<不具备this和arguments>，自己家没有this就会往上级找this，从而解决this的指向问题。

如何更改this指向#

1)call、apply、bind
2)var that=this;
3)箭头函数

如何确定this是谁#

看谁调用的，点前面是谁，this就是谁

箭头函数怎么写#

1
//将下列函数改为箭头函数
2
function a(b){
3
    return b+1;
4
}
5
//第一步:
6
let a=(b)=>{return b+1;}
7
//第二步(简化):
8
let a=b=>b+1;

总结：

箭头函数中没有function关键字，去掉function关键字
当形参只有一个的时候，可以省略小括号
小括号和大括号之间有一个箭头：有大括号，必须要写return;如果没有大括号，表示箭头后面的结果就是return的结果

将下列函数改为箭头函数:

1
function a(b){
2
    return function(c){
3
        return b+c
4
    }
5
}
6
a(1)(2)// 3 -> 先执行a 再执行里面的匿名函数

箭头函数:

1
//第一步
2
let a=b=>{
3
    return function(c){
4
        return b+c
5
    }
6
}
7
//第二步:删除function和一个形参的小括号
8
let a=b=>{
9
    return c=>{
10
        return b+c
11
    }
12
}
13
//第三步:删return和大括号
14
let a=b=>c=>b+c //高阶函数(俩个箭头及两个以上箭头的)

闭包#

函数执行的一瞬间
导致内存泄漏->因为会产出不销毁的作用域
当执行后返回的结果必须是引用数据类型，被外界变量接收，此时这个函数不会销毁
作用<私有化>
闭包能干什么<模块化>

1
//以下函数不是闭包:
2
function a(b){
3
    return function(c){
4
        return b+c
5
    }
6
}
7
a(1)
8
a(1)(2)
9
//不是闭包的原因:函数执行的一瞬间确实有形成闭包，但是函数执行完成后，作用域就被销毁了，所以不是闭包
10

11
//以下函数是闭包:
12
let a=function (b){
13
  return function(c){
14
      return b+c
15
  }
16
}();
17
//是闭包的原因:函数执行的一瞬间确实有形成闭包,当执行后返回的结果是引用数据类型，被外界变量a接收，此时这个函数不会销毁,会产出不销毁的作用域,容易导致内存泄漏，所以是闭包

在vue中很多时候不能用箭头函数

支持与分享

如果这篇文章对你有帮助，欢迎分享给更多人或打赏支持！

打赏

箭头函数

https://gaodaxiu-blog.netlify.app/posts/箭头函数/

作者

GaoDaXiu

发布于

2018-08-26

许可协议

CC BY-NC-SA 4.0

Vuejs基础

JS数组中的方法2

音乐

音乐

如何更改this指向#

如何确定this是谁#

箭头函数怎么写#

闭包#

支持与分享