1 /**
2 * 函数的扩展
3 * 1 为函数参数指定默认值
4 * 2 函数的 rest 参数
5 * 3 箭头函数
6 */
7
8 // ------------------------------------------------
9
10 // function fn(a, b){
11 // a = a || 10;
12 // b = b || 20;
13 // console.log(a + b);
14 // }
15
16 // fn();
17 // fn(0, 10);
18
19 // function fn(a = 10, b = 20){
20 // console.log(a + b);
21 // }
22 //
23 // fn();
24 // fn(0, 10);
25
26
27 // ----------------------------------------------
28 //rest 参数形式为（“...变量名”），用于获取函数的多余参数，这样就不需要使用arguments对象了。rest 参数搭配的变量是一个数组，该变量将多余的参数放入数组中。
29
30 // function sum(){
31 // var args = arguments;
32 // var res = 0;
33 // for(var i=0; i<args.length; i++){
34 // res += args[i];
35 // }
36 // console.log(res);
37 // }
38 //
39 // sum(1, 2, 3, 4, 5);
40 //只能在...arr之前添加参数
41 // function sum(a, ...arr, b){
42 // var res = a;
43 // for(var i=0; i<arr.length; i++){
44 // res += arr[i];
45 // }
46 // console.log(res);
47 // }
48 //
49 // sum(10, 1, 2, 3, 4, 5);
50
51 // -----------------------------------------------
52 // 使用“箭头”（=>）定义函数。
53
54 // const fn = a => a;
55 //
56 // const fn2 = function (a){
57 // return a;
58 // };
59 //
60 // console.log(fn(1));
61 // console.log(fn2(2));
62
63 // const fn = (a, b) => a + b;
64 //
65 // console.log(fn(1, 2));
66
67 // const fn = (a, b) => {
68 // a = a * 2;
69 // b = b * 2;
70 // return a + b;
71 // };
72 //
73 // console.log(fn(1, 2));
74
75 // const fn = (a, b) => ({a, b});
76 //
77 // console.log(fn(1, 2));
78
79 // var arr = [5, 2, 3, 4, 1];
80
81 // arr.sort(function (a, b){
82 // return a - b;
83 // });
84 //
85 // console.log(arr);
86
87 // arr.sort((a, b) => a - b);
88 //
89 // console.log(arr);
90
91 // 1 箭头函数体内没有自己的this对象，所以在使用的时候，其内部的this就是定义时所在环境的对象，而不是使用时所在环境的对象。
92
93 // function fn(){
94 // setTimeout(function (){
95 // console.log(this);
96 // }, 1000);
97 // setTimeout(() => {
98 // console.log(this);
99 // },1000);
100 // }
101 //
102 // var obj = {a: 1};
103 //
104 // fn.call(obj);
105
106 // 不能给箭头函数使用 call apply bind 去改变其内部的this指向
107
108 // 2 箭头函数体内没有arguments对象，如果要用，可以用Rest参数代替。
109
110 // function fn(){
111 // setTimeout(() => {
112 // console.log(arguments);
113 // }, 1000)
114 // }
115 //
116 // fn(1, 2, 3);
117
118 // const fn = (...arr) => arr;
119 //
120 // console.log(fn(1, 2, 3, 4));
121
122 // 3 不可以当作构造函数，不可以使用new命令，否则会抛出一个错误。
123
124 // const Fn = (a, b) => a + b;
125
126 // const f = new Fn(1, 2); 报错
127
128
129 //4.箭头函数不能用Generator函数。
