ES6要点总结(4)-箭头函数=>
2018-06-24 01:52:37来源:未知 阅读 ()
箭头函数特点一:没有自己的this对象,其this对象为所在环境 特点二 :没有arguments参数 可以用...rest代替
特点三:不能使用构造函数,不可使用new命令,否则会报错
//函数的扩展 1 指定默认参数 function sum(a=1,b=2) { console.log(a+b) } sum() //a和b没传 所以默认是1和2 执行结果是3 //2 rest参数,格式为...变量名。用于获取函数多余参数,这样就不不用使用arguments了,rest参数为一个数组 //(1)使用arguments的情况 function sum2() { var arr=arguments ; var result=[]; for(var i=0;i<arr.length;i++){ result.push(arr[i]) } console.log(result) } sum2(1,2,3,4,5) //(2)使用rest参数情况 function sum3(...arr) { //可以在...arr前传其他参数,不可以在后传 也就是可以sum3(a,...arr) console.log(arr) } sum3(1,2,3,4,5) //3 箭头函数 const fn=a=>a //传入a 返回a等价于下面 const fn2=function (a) { return a } console.log(fn(10)) console.log(fn2(10)) const fn3=(a,b)=>{ a=a*a; b=b*b; return a+b } //多个参数传入要用括号(a,b) 函数处理逻辑用{a=a*a} console.log(fn3(2,3)) const fn4=(a,b)=>({a,b}) //返回对应要用括号({a,b})否则会被逻辑部分处理 console.log(fn4(1,10)) //用于回调函数 var arr=[5,60,50,1,3] arr.sort(function (a,b) { return a-b }) //排序 console.log(arr) var arr2=[1,3,23,4,34,66] arr2.sort((a,b)=>a-b) console.log(arr2) //特点一:没有自己的this对象,其this对象为所在环境,比如vue实例中使用axios请求后台数据,在then里面使用箭头函数的话this就指向vue实例
//特点二 :没有arguments参数 可以用...rest代替 const fn5=(...arr)=>arr; console.log(fn5(1,2,4,4,55,6,6,7)) //特点三:不能使用构造函数,不可使用new命令,否则会报错 const Fn = (a, b) => a + b; const f = new Fn(1, 2);
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- jquery 操作iframe的几种方法总结 2020-02-22
- 高效的jQuery代码编写技巧总结 2020-02-15
- 详解Webstorm 新建.vue文件支持高亮vue语法和es6语法 2020-02-07
- 总结js常用数组的操作方法 2019-12-13
- 总结javascript进行数组追加的代码 2019-12-04
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash