首页 > 代码库 > 箭头函数的使用用法(一)

箭头函数的使用用法(一)

 1 //箭头函数的一个好处是简化回调函数
 2 //箭头函数没有参数,就使用圆刮号代表参数部分;
 3 var f = () =>5;
 4 console.log(f());
 5 //两个参数的情况,代码块只有一条语句,可以省略{}
 6 var f = (a,b)=> console.log(a+b);
 7 f(1,3);
 8 //两个参数的情况,代码块只有一条语句,且有return语句;可以省略{}和return;
 9 var f = (a,b)=>a + b;
10 console.log(f(1,4));
11 //只有一个参数的情况,省略刮号,省略{}
12 var f = v=>5;
13 console.log(f());
14 // var result = values.sort((a,b)=> a-b);
15 //代码库有多个语句,可以省略掉functon
16 var t = (a,b) =>{
17     if(a > b)
18         console.log(1);
19     else
20         console.log(-1);
21 }
22 t(6,5);
23 /*some() 方法测试数组中的某些元素是否通过由提供的函数实现的测试。如果找到了这样一个值,
24 some 将会立即返回 true。否则,some 返回 false;
25 callback 被调用时传入三个参数:元素的值,元素的索引,被遍历的数组。*/
26 var f = [2,5,8,10,15].some(m=>m>10);
27 console.log(f);
28 /*every() 方法测试数组的所有元素是否都通过了指定函数的测试。every 方法为数组中的每个元素
29 执行一次 callback 函数,直到它找到一个使 callback 返回 false(表示可转换为布尔值 false 的值)
30 的元素。如果发现了一个这样的元素,every 方法将会立即返回 false。否则,callback 为每一个元素返回 
31 true,every 就会返回 true。*/
32 var f = [12,2,5,6,4].every((value,key,arr)=>value > 10);
33 console.log(f);
34 /*filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。filter 为数组中的每
35 个元素调用一次 callback 函数,并利用所有使得 callback 返回 true 或 等价于 true 的值 
36 的元素创建一个新数组,filter 不会改变原数组。
37 */
38 var f = [12,5,3,45,30].filter((value,key,arr)=>value > 20);
39 console.log(f);
40 /*map() 方法创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。map
41 方法会给原数组中的每个元素都按顺序调用一次  callback 函数。callback 每次执行后的返回值
42 (包括 undefined)组合起来形成一个新数组。callback 函数会被自动传入三个参数:数组元素,元素索引,原数组本身。
43 */
44 var t = [1,3,5].map(x =>x * x);
45 console.log(t);

技术分享

箭头函数的使用用法(一)