首页 > web前端 > js教程 > 正文

荟萃JavaScript箭头函数语法小结

coldplay.xixi
发布: 2020-06-15 16:02:22
转载
2283人浏览过

荟萃JavaScript箭头函数语法小结

JavaScript箭头函数语法小结

1.没有参数时
var demo = function(){
}
登录后复制

相当于:

立即学习Java免费学习笔记(深入)”;

var demo = () => {
}
登录后复制

2.只有一个参数时

var demo = function(a){
return a;
}
登录后复制

相当于:

立即学习Java免费学习笔记(深入)”;

var demo = a => a
登录后复制

3.多个参数需要用到小括号,参数间逗号间隔

var demo = function(a,b){
return a+b;
}
登录后复制

相当于:

立即学习Java免费学习笔记(深入)”;

var demo = (a,b) => a+b
登录后复制

4 . 函数体多条语句需要用到大括号

var demo = function(a,b){if(a>b){
    return a-b;} else{
    return b-a;
  }}
登录后复制

相当于:

立即学习Java免费学习笔记(深入)”;

var demo = (a,b) =>{if(a>b){
    return a-b;} else{
    return b-a;
  }}
登录后复制

5 . 返回对象时需要用小括号包起来,因为大括号被占用解释为代码块了

var demo = (name,age) =>{return ({    name: name,    age: age   })}
登录后复制

6 .作为数组排序回调

var arr = [1, 9 , 2, 4, 3, 8].sort((a, b) => { if (a - b > 0 ) {  return 1 } else {  return -1 }})
登录后复制

注意:

箭头函数的确与传统函数有不同之处,但仍存在共同的特点。
例如:
1.对箭头函数进行typeof操作会返回“function”。
2.箭头函数仍是Function的实例,故而instanceof的执行方式与传统函数一致。
3.call/apply/bind方法仍适用于箭头函数,但就算调用这些方法扩充当前作用域,this也依旧不会变化。
4.箭头函数与传统函数最大的不同之处在,禁用new操作

推荐教程:《js基础教程

以上就是荟萃JavaScript箭头函数语法小结的详细内容,更多请关注php中文网其它相关文章!

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:webhek网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号