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

 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);

时间: 2024-09-29 19:23:43

箭头函数的使用用法(一)的相关文章

ES6箭头函数基本用法

``` window.onload = function(){ alert(abc); } //箭头函数 window.onload = ()=>{ alert("abc"); } // 如果只有一个参数圆括号可以省 let play = function(num){ alert(num*2); //24 } play(12); let play = num => { alert(num*2); //100 } play(50); //如果只有一个return 花括号可以省

this的用法(二)-箭头函数+面试题

箭头函数与普通函数的this 严格模式下的普通函数this为undenfied,非严格模式是window:箭头函数的this是定义时所在的this 箭头函数this指向注意事项 箭头函数体内的this对象,如果包裹在函数中就是函数调用时所在的对象,如果放在全局中就是指全局对象window.并且固定不会更改.换句话说内部的this就是外层代码块的this 下面是对比分析普通函数和箭头函数中this区别 // 普通函数 function foo() { setTimeout(function() {

ES6 => 箭头函数

箭头函数ES6一个非常有用的新特性,我这里小小的总结一下用法: 箭头函数相当于直接return一个值,当没有参数时,可以这么写: var f = () => 0; // 上面这句话相当于 var f = function(){ return 0;} 当有一个参数时: var f = num => return num; // 上面这一句相当于 var f = function(num) { return num;} 当有两个或以上的参数时,要用括号并用逗号分隔开: var f = (a,b)

深入理解this机制系列第三篇——箭头函数

× 目录 [1]痛点 [2]解决 [3]基本用法[4]回调函数[5]注意事项 前面的话 this机制与函数调用有关,而作用域则与函数定义有关.有没有什么是可以将this机制和作用域联系起来的呢?本文将介绍ES6新增的内容——箭头函数 痛点 对于闭包的痛点在于,闭包的this默认绑定到window对象,但又常常需要访问嵌套函数的this,所以常常在嵌套函数中使用var that = this,然后在闭包中使用that替代this,使用作用域查找的方法来找到嵌套函数的this值 var a = 0;

es6箭头函数讲解

es6箭头函数的用法 箭头函数是es6的一种函数的简写方法. 如下: var f = v = > v; //等同于 var f = function(v){ return v; } var sum = (num1,num2) => num1+num2 ; //等同于 var sum = function(num1,num2){ return num1+num2 } [1,2,3].map(function (x) { return x * x; }); // 箭头函数写法 [1,2,3].ma

ES6箭头函数(节选自《ECMAScript 6 入门》)

基本用法 ES6 允许使用"箭头"(=>)定义函数. var f = v => v; 上面的箭头函数等同于: var f = function(v) { return v; }; 如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分. var f = () => 5; // 等同于 var f = function () { return 5 }; var sum = (num1, num2) => num1 + num2; // 等同于 var

用JavaScript里的箭头函数实现函数式编程

转帖: http://jimliu.net/2015/10/21/real-functional-programming-in-javascript-1/ 箭头函数 其他语言里面一般叫做lambda表达式,其实我个人当然是喜欢这个名字,但是因为ES6的语言规范里就把它管叫箭头函数,自然文中还是会尽量这么说. 箭头函数的基本定义方式是: 123 (参数列表) => { 函数体} 当只有一个参数的时候,可以省略括号,写成 123 参数名 => { 函数体 } 当函数体是一个表达式(而不是段落)的时

箭头函数(理解)

因为要分享的原因,但自己技术是在是渣渣.然后查找了下技术网站. 决定讲下 ES6-箭头函数 转载自:https://github.com/zhengweikeng/blog/blob/master/posts/2016/%E7%AE%AD%E5%A4%B4%E5%87%BD%E6%95%B0%E4%B8%ADthis%E7%9A%84%E7%94%A8%E6%B3%95.md(箭头函数中this的用法) 学习理解自: (①)http://www.cnblogs.com/isaboy/archiv

es6学习笔记--箭头函数

基本用法 ES6允许使用“箭头”(=>)定义函数. var f = v => v; 上面的箭头函数等同于: var f = function(v) { return v; }; 如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分. var f = () => 5; // 等同于 var f = function () { return 5 }; var sum = (num1, num2) => num1 + num2; // 等同于 var sum = funct