ES6_箭头函数（二）

ES6速学

基本使用 函数名 = ( )=>’返回值’

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
/*
function show(){
        return 1;
}
alert(show());
*/
   
var show=()=>'welcome';
alert(show());
``` 

### 带参数的形式

```bash
/*
function show(a){
    return a;
}
alert(show(12));
*/

/*
var show=(a,b)=>a+b;
alert(show(12,5));
*/
/*
function rnd(n,m){
    return Math.floor(Math.random()*(m-n))+n;
}
alert(rnd(12,90));
*/
//箭头函数的形式
let rnd=(n,m)=>Math.floor(Math.random()*(m-n))+n;

alert(rnd(10,40));

内部有多个语句

1
2
3
4
5
var show=()=>{
      alert(1);
      alert(2);
}
show();

与之前的差异

干掉了arguments

1
2
3
4
5
6
7
8
9
10
11
12
 /*
function show(){
    alert(arguments.length);
}
show(1,2,3);
*/
//干掉了  arguments
var show=()=>{
    alert(arguments.length); //ReferenceError: arguments is not defined
}

show(1,2,3);

在DOM事件上使用

1
2
3
4
5
6
7
8
/*
document.onclick=function(){
    alert(1);
};
*/
document.onclick=()=>{
    alert(1);
};