码迷,mamicode.com
首页 > 其他好文 > 详细

箭头函数

时间:2021-02-15 12:04:13      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:log   gre   箭头函数   特殊   就是   googl   result   sam   int   

箭头函数的特点
1,使函数的写法更加简洁(一行写完一个函数)
2,函数返回值可以被隐式返回 (无需写return 了)
3,不重新绑定this值

  //特殊的函数 也就是括号里只有一个参数的时候 括号可以去掉,
 //但不特殊函数 也就是下面的1 和 3 ,没有参数和有两个参数的括号是不可以去掉的
 //当函数只有一行的时候,可以把return 和 花括号去掉
 //箭头函数 和 普通函数 各有各的应用场合,箭头函数无法取代普通函数的
 //当前this的值  箭头函数:不会重新绑定this值  ,普通函数:会重新绑定this值
 
 //1
 /*  function doubleValue(value){
   return value*2;
 }
 doubleValue(2);
 console.log(doubleValue(2));//4  

 //把上面的函数改成匿名函数(只有匿名函数才能改成箭头函数) 且把函数改成箭头函数
 const doubleValue = value =>value*2;
 doubleValue(2);
 console.log(doubleValue(2));//4 */


 //2
 const printName  = name => "hello"+name;
 console.log(printName("小名"));//hello小名


 //3
 const greeting = ()=>console.log("hello word"); greeting();

 //4
 const square =a =>a*a;
 console.log(square(3));//9

 //5
 const addNumbers =(a,b)=>a+b;
 console.log(addNumbers(2,5));//7

//6
const ages=[14,19,21];
const result = ages.filter(function(age){
    return age>18;
}); 
//等价下面的 箭头
const result  =ages.filter(age =>age>18);
console.log(result);


//选择出明年就年满18岁的筛选出来
//函数体内有两行,可以function删除,但花括号 和 return不能删除 因为函数体内有两行
const ages=[14,19,21];
 const result2 = ages.filter(age=>{
     const nextYearAge = age+1;
    return nextYearAge>18;
});
console.log(result2); 



const companies = ["google","huawei","samsumg"];
     const result = companies.map(company  =>company+"is a company");
    console.log(result); 

    const result =companies.map(function(company){
        return company+"is a company";
    })
    console.log(result);


//用filter 和箭头函数筛选出超过3个字母的单词
const words = ["howdy","yes","cool"];
/* const result = words.filter(function(word){
  return word.length>3;
}) */
const result = words.filter(word  => word.length>3);
console.log(result);

 
































































































箭头函数

标签:log   gre   箭头函数   特殊   就是   googl   result   sam   int   

原文地址:https://www.cnblogs.com/qiqi9/p/14397079.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!